React.jsのProp - Qiita

今回は前回にも少し登場したPropについて取り上げたいと思います。 基本的な使い方 Propは基本的にはCompnentのattributeとして定義してComponentの中ではthis.props.xxxとして参照する。それだけです。PropにはObjectでも関数でも何でも指定することが出来ます。 var Avatar = React.createClass({ render() { var avatarImg = `/img/avatar_${this.props.user.id}.png`; return( <div> <span>{this.props.user.name}</span> <img src={avatarImg} /> </div> ); } }); var user = { id: 10, name: "Hoge" }; // <Avatar user={us

[kefi3104]

React.jsのProp

[kent-where-the-light-is]

“PropはComponentの外部I/FとなるものでありそうなってくるとValidationしたくなります。 そこでReact.jsではPropTypesとしてPropについての型などの制約を指定することが出来ます。 地味にいい機能ですね。”

[syonx]

公式 - https://facebook.github.io/react/docs/react-api.html#react.proptypes

[kitokitoki]

PropTypes

[nilab]

reactjs - React.jsのProp - Qiita : 「React.jsではPropTypesとしてPropについての型などの制約を指定することが出来ます」

[h5y1m141]

“PropTypeを指定することでそのComponentのI/Fを明確に示すことが出来るようになります。” あー、確かにこれはいいなぁ

[efcl]

Protpは外部から渡される値なのでComponent内で書き換えはするべきではない(できない) PropTypesを使ってのバリデーション、デフォルト値、外でsetProtps等で更新 -> Componentのrenderが呼ばれる