tyoshikawa1106のブログ

- Force.com Developer Blog -

React:propsをつかったcomponentへの値渡し

Reactで開発するときは、共通部品をコンポーネント化して開発していくと思います。コンポーネント化するときは、propsをつかって値渡しすることが可能です。


まずコンポーネント側のサンプルです。{this.props.title}と宣言することで呼び出し元から渡されるtitleという変数を利用できます。
f:id:tyoshikawa1106:20160524150239p:plain


呼び出し元です。
f:id:tyoshikawa1106:20160524150358p:plain


属性を指定する感じで値渡し用の変数に値をセットしてコンポーネントを利用できます。
f:id:tyoshikawa1106:20160524150537p:plain