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

これは

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

参考

ja.reactjs.org

チュートリアル：React の導入

データを Props 経由で渡す

BoardコンポーネントにSquareコンポーネントへ値を渡すよう追記

gyazo.com

Squareコンポーネントのrenderメソッドで渡された値を表示するよう書き換える。
gyazo.com

変更前は空白だった部分が
gyazo.com このように数字が描画されるようになりました。
gyazo.com

描画されてる数字はもともと入っていた部分の数字が描画されてます。

gyazo.com

明日はインタラクティブなコンポーネントを作るです。

今日はここまで。