Javascript 使用this.props.someVariable
我使用this.props.someVariable将变量从一个组件传递到另一个组件。我想使用console.log调试变量 我无法在console.logthis.props.someVariable中使用它,但它在标记中工作良好Javascript 使用this.props.someVariable,javascript,debugging,reactjs,react-native,Javascript,Debugging,Reactjs,React Native,我使用this.props.someVariable将变量从一个组件传递到另一个组件。我想使用console.log调试变量 我无法在console.logthis.props.someVariable中使用它,但它在标记中工作良好 var secondComp = React.createClass({ render(){ console.log({this.props.myProp}); // doesn't work return( <Text&g
var secondComp = React.createClass({
render(){
console.log({this.props.myProp}); // doesn't work
return(
<Text>{this.props.myProp}</Text>
);
}
});
只要做:
console.log(this.props.myProp);
只要做:
console.log(this.props.myProp);
要使用JavaScript表达式作为属性值,请将表达式包装在一对大括号{}中,要呈现React组件,只需创建一个局部变量或传递它即可 [这是道具 — 传播属性,以确保传下来的道具像往常一样可用。道具]
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>
);
}
});
要使用JavaScript表达式作为属性值,请将表达式包装在一对大括号{}中,要呈现React组件,只需创建一个局部变量或传递它即可 [这是道具 — 传播属性,以确保传下来的道具像往常一样可用。道具]
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>
);
}
});
调用日志方法,如:console.logthis.props.myProp;调用日志方法,如:console.logthis.props.myProp;最好在您发布的代码中添加一个解释作为答案,这样可以帮助访问者理解为什么这是一个好答案。添加一些感谢!最好在您发布的代码中添加一个解释作为答案,这样可以帮助访问者理解为什么这是一个好答案。添加一些感谢!