Reactチュートリアルをやっていってみるその9

これは

Reactチュートリアルをやっていく記事です。

参考

ja.reactjs.org

関数コンポーネント

Squareコンポーネントを関数コンポーネントにする。
ここでいう関数コンポーネントはrenderメソッドだけを有しstateを持たないコンポーネントをよりシンプルにする。
React.Componentを継承するクラスを定義する代わりにpropsを入力として受け取り、返す関数にする。

これを
gyazo.com

こうじゃ
gyazo.com

classで定義していたものがfunctionになってます。
動かすとこんな感じ。挙動で見る分には特に変化はないですね。

gyazo.com

明日は◯を登場させます。

今日はここまで。