React.jsでPropやStateを使ってComponent間のやりとりをする - Qiita

今日はこれまでに紹介したPropやStateを使ったComponent間でやりとりについて書きたいと思います。 親のStateを子のPropとして渡す Componentを設計する時はまずPropとしてI/Fを考えて、そのComponentが管理すべき値で変更されるものをStateとして定義します。 つまりComponent間での親子の関係を意識して、親がStateを持っていて子にPropとして渡すというのが基本になります。（子は使うだけで管理しているのは親） var User = React.createClass({ propTypes: { name: React.PropTypes.string.isRequired, id: React.PropTypes.number.isRequired }, render() { return ( <div>{this.props.id}:

[ottonove]

react.js

[kefi3104]

React.jsでPropやStateを使ってComponent間のやりとりをする

[takaken1123]

[2016-12-22 15:04]

[kazuph1986]

孫とかいてもこうやってつないで行くしかないのかな。それか孫にしないか。

[syonx]

子から親への委譲は特別なことはなく、prop経由でやりとりするだけ

[kitokitoki]

親子の component での値のやりとり

[nilab]

「子のComponentの中で発生するイベントで親がハンドリングしたい場合は、子がハンドリングするための関数をPropでI/Fとして公開し、親がそこに処理を渡す形になります」

[otiai10]

“refs”

[trapple]

7日目、一気に歯ごたえ出てきた。

[efcl]

Reactのデータの渡し方について 親から子 : State 初期値を渡す場合はPropを使う話。 子から親への参照 : ref