【超初心者用】Reactでinputタグに入力した文字を表示させる書き方

超初心者がReactの機能を使ってみた

inputタグに入力した文字をその下に設置したpタグに表示させてみました。
参考にさせてもらったサイト(丸写し)
http://basic-react.axlight.com/html/lesson-08.html

作業環境

• Babel
• React
• ReactDOM

書いてみた

HTML

<div id="app"></div>

React

let textData = '';
const textInput = (event) => {
  textData = event.target.value;
  if (textData.length > 10) {
    textData = textData.slice(0, 10);
  }
  render();
};

const MyBox = () => (
  <div>
    <input type="text" value={textData} onChange={textInput} />
    <p>{textData}</p>
  </div>
);

const App = () => (
  <div>
    <MyBox />
  </div>
);

const render = () => ReactDOM.render(<App />, document.getElementById('app'));
render();

ここまではなんとなく分かった（当たり前か。。）