Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用this.props.someVariable_Javascript_Debugging_Reactjs_React Native - Fatal编程技术网

Javascript 使用this.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

我使用this.props.someVariable将变量从一个组件传递到另一个组件。我想使用console.log调试变量

我无法在console.logthis.props.someVariable中使用它,但它在标记中工作良好

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;最好在您发布的代码中添加一个解释作为答案,这样可以帮助访问者理解为什么这是一个好答案。添加一些感谢!最好在您发布的代码中添加一个解释作为答案,这样可以帮助访问者理解为什么这是一个好答案。添加一些感谢!