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我无法在文本字段中键入任何内容。你能帮我吗^^