2016-07-06 5 views
0

私はthis.props.someVariableを使用して、あるコンポーネントから別のコンポーネントに変数を渡しています。 console.log()を使って変数をデバッグしたいと思います。using this.props.someVariable

console.log(this.props.someVariable)では使用できませんが、タグ内で正常に動作します。

var secondComp = React.createClass({ 
    render(){ 
    console.log({this.props.myProp}); // doesn't work 
    return(
     <Text>{this.props.myProp}</Text> 
     ); 
    } 
}); 
+1

コール 'のようなlog'法:'はconsole.log(this.props.myProp) ; – Cherniv

答えて

6

ちょうど行います

console.log(this.props.myProp); 
0

、属性値としてJavaScript式を使用します({})中括弧のペアで表現をラップして反応コンポーネントをレンダリングするには、単に作成するにはローカル変数を渡すか、渡します。

[this.props - スプレッドが受け継が任意小道具this.propsとして通常通り使用可能であることを確認する属性]

var secondComp = React.createClass({ 
render(){ 
// or can store it in some variable 
var a = this.props.myProp; 
console.log(a); 
console.log(this.props.myProp);// you don't need curly braces 
return(
    <Text>{this.props.myProp}</Text> 
    ); 
} 
}); 
+0

あなたが回答として投稿しているコードに説明を追加すると、訪問者はなぜこれが良い答えであるかを理解するのに役立ちます。 – abarisone

+0

いくつかありがとう! – Dlucidone