Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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
Reactjs 错误:";对象作为React子对象无效;如何通过React.createElement将阿曲布他添加到组件中?_Reactjs - Fatal编程技术网

Reactjs 错误:";对象作为React子对象无效;如何通过React.createElement将阿曲布他添加到组件中?

Reactjs 错误:";对象作为React子对象无效;如何通过React.createElement将阿曲布他添加到组件中?,reactjs,Reactjs,谢谢你阅读我的问题。我是新来的。我在使用React.createElement创建组件时遇到问题。 我不知道在使用React.createElement时是否设置了多个属性,如下所示: render() { return React.createElement('input', {onChange: () => this.handleChange}, {value: () => this.state.value} ); } React给出

谢谢你阅读我的问题。我是新来的。我在使用
React.createElement
创建组件时遇到问题。 我不知道在使用
React.createElement
时是否设置了多个属性,如下所示:

render() 
  {
    return React.createElement('input',
    {onChange: () => this.handleChange},
    {value: () => this.state.value}
    );
   }
React给出一个错误:

对象作为子对象无效

在我这样编码的组件中,如何询问多个属性?
非常感谢。

createElement为(受支持的)属性使用第二个props参数。 所以你可以这样做

render() {
return ( React.createElement('input', {
  onChange: (e) => this.handleChange(e),
  value: this.state.value
  }
 )
);
}

希望对您有所帮助

createElement为(受支持的)属性使用第二个props参数。 所以你可以这样做

render() {
return ( React.createElement('input', {
  onChange: (e) => this.handleChange(e),
  value: this.state.value
  }
 )
);
}
希望它有帮助

支持3个参数,而您传递第三个参数的方式错误,
onChange
value
参数需要进入对象内部,如下所示:

render() {
  return (
    React.createElement(
      'input',
      {  onChange: () => this.handleChange, value: () => this.state.value}
      // If you need to pass a Children, will go here
    )
  );
}
希望这能有所帮助。

支持3个参数,但您传递第三个参数的方式错误,
onChange
值需要进入对象内部,如下所示:

render() {
  return (
    React.createElement(
      'input',
      {  onChange: () => this.handleChange, value: () => this.state.value}
      // If you need to pass a Children, will go here
    )
  );
}
React.createElement(first, second, third)
希望这有帮助

React.createElement(first, second, third)
React.createElement函数接受三个参数:

First是要创建的元素类型,如
“div”
“span”
“input”
,作为字符串传递

Second,参数是元素的属性,如
onClick()
value
,等等。我们以对象的形式给出这些属性,如
{onClick:()=>{},value:'submit',id='button'}

第三个,参数是子元素,表示要作为元素的innerHTML放入的值。例如:-

<div>this is the innerHTML</div>
这是innerHTML
因此,第三个参数是要包含在元素标记中的值

您得到的错误是因为无法将第三个参数作为对象传递,必须在第二个参数内定义所有属性

React.createElement函数接受三个参数:

First是要创建的元素类型,如
“div”
“span”
“input”
,作为字符串传递

Second,参数是元素的属性,如
onClick()
value
,等等。我们以对象的形式给出这些属性,如
{onClick:()=>{},value:'submit',id='button'}

第三个,参数是子元素,表示要作为元素的innerHTML放入的值。例如:-

<div>this is the innerHTML</div>
这是innerHTML
因此,第三个参数是要包含在元素标记中的值


您得到的错误是因为无法将第三个参数作为对象传递,必须在第二个参数内定义所有属性

嗨,这次我不能投票了,因为那些声誉低于15的人投的票都被记录了下来(.哦,但是如果你不能投票,你可以接受我的答案,谢谢你,我已经这么做了!但是有一个问题,当我写:value:()=>this.state.value时,我不能在文本字段中键入任何内容。你能帮我吗?^^有什么问题吗?当我写:value:()=>this.state.value我不能在文本字段中键入任何内容。你能帮我吗?^^嗨,这次我不能投票,因为那些声誉低于15的人所投的票都被记录了下来。:((。哦,但是如果你不能提高投票率,你可以接受我的答案,谢谢,是的,我已经这样做了!但是当我写:value:()=>this.state.value我无法在文本字段中键入任何内容。你能帮我吗?^^有什么问题吗?当我写入:value:()=>this.state.value我无法在文本字段中键入任何内容。你能帮我吗^^