Reactにイベントを適用する


class App extends React.Component {
  return (
    <div>
      <button>Click Me!</button>
    </div>
  );
}
ReactDOM.render(
  <App />,
  document.getElementById('root')
);
上記アプリケーションコンポーネント.
ボタンをクリックしてalertを開く場合は
Vanilla JSの場合:
<button onclick=”alert(‘hi’)>Click Me!</button>
こうすればいい.
反応器の場合:
<button onClick={alert(‘hi’)}>Click Me!</button>
このようにすればよいが、実際には、レンダリング時に関数呼び出しの結果がonClickにバインドされるため、何も実行できない.
したがって
<button onClick={()=>alert(‘hi’)}>Click Me!</button>
このようにarrow関数などを用いて呼び出すべきである.