【React Hooks】stateの使用からみたクラスコンポーネントと関数コンポーネントのコード比較 - Qiita

これまでは、stateはクラスコンポーネントのみが持ち、関数コンポーネントの中では使用することができませんでした。 しかし、hookを導入することで関数コンポーネントの中でもstateが使えるようになりました。(hookはReact16.8で追加された機能です。) 今回は、stateを使用するクリックカウントコンポーネントを作成する場合の、クラスコンポーネントと関数コンポーネントのコードを比較をしていきたいと思います。 全体のコード クラスコンポーネントの場合 import React from 'react'; class Example extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return ( <div> <p>You cli