React クラスと関数【フック】コンポーネントとの違い 脱初学者 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

構文 Propsの取り扱い 状態 ライフサイクル 独自フック 補足 最後に Reactでコードを書き始めると、JSX構文や関数コンポーネントとクラスコンポーネントの違いなど、Reactのいくつかの点で混乱することが初心者ではよくあります。 本日はReact JSのクラスコンポーネントと関数コンポーネントとの違いを私なりに分かりやすくまとめていきます。 構文 明らかな違いは構文です。 いくつかの例を見てみましょう。 関数コンポーネントは単なるJavaScript関数です。 function App() { return <h1>Hello!!</h1>; } そして、関数コンポーネントを記述する別の方法は、アロー関数を使用することです。 const App = () => { return { <div> <h1>Hello!!</h1> </div> } } クラスコンポーネントはReac

[momoji009]

こんばんは、deve.K (id:dev04K) さん。読者登録ありがとうございます。これからもよろしくお願いします( ´艸｀)