コンポーネント
関数コンポーネントとクラスコンポーネントがある
hooksができたので関数コンポーネントがおすすめ
関数コンポーネント
returnでReact要素を返す
propsを引数で受け取るクラスコンポーネント
Componentクラスを継承
renderでReact要素を返す
propsはthisでアクセス
stateが使える
ライフサイクルメソッドが使えるパラメータを渡す
タグの属性値として指定する {}で数値や配列、オブジェクト、関数なども渡せる スプレッド構文...でオブジェクトを各属性に展開して渡せる
<Hello text="aaa" /> <Hello number={ 123 } /> <Hello { ...attrs } />
- パラメータを受け取る
コンポーネントの引数propsで受け取れる
function MyHello(props) { let word = props.text
- 子要素を渡す
コンポーネントタグの中にテキストやタグを入れる
<Hello>bbb</Hello>
- 子要素を受け取る
let name = props.children
文字列だけでなく、React要素でもOK