2016-04-05 9 views
0

iOS上でReactネイティブを使い始めたのは、どのように感じるのかを知り、愚かな質問をしたからです。 記事やチュートリアルを読むたびに、それはコード内で同じです。たとえば、クラス宣言で、私はしばしばのようなコンストラクタを参照してください。Reactの "Prop"とは何ですか?

class MyClass extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { message: '' }; 
    } 
} 

を私は誰もがそのことについて私を啓発することができ、小道具が何であるかの明確な説明を見つけることができませんか?

答えて

2

propsは、Reactコンポーネントに渡す値です。あなたは「色」プロパティを使用して非JSXのバージョンを見つけることができるの下に、キースの答えに加えて

<MyComponent value1={value1} isTrue={true} /> 
+0

短い、単純明快、おかげでキース – Randy

+0

と 'props'は' this.props.value1'と 'this.props上記の例では、this.props''としてコンポーネントクラスコードにアクセスすることができます。 isTrue'です。 – Aaron

+0

これはコンポーネントの書き方によって異なります。クラスコンポーネントを使用している場合は、これがthis.propsです。機能コンポーネントを使用している場合は、仮パラメータとして小道具を渡します。 –

2

:あなたがコンポーネントを持っている時はいつでもですから、このようなものが表示されます。

// Output (JS): 
var app = React.createElement(Nav, {color:"blue"}); 
関連する問題