React.JS无法添加html标记
React.JS无法添加html标记
提问于 2018-08-06 05:45:02
我刚开始使用react，并且试图理解为什么我不能向我的render方法添加HTML标记
render() {
return (
<div className="App">
My App
<Projects projects={this.state.projects}/>
</div>
);
}
render() {
return (
<div className="App">
My App
<Projects projects={this.state.projects}/>
</div>
<h1> hello world </h1>
);
}这是怎么工作的，但是如果我将</h1> hello world </h1>添加到函数中，它将不再工作？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-06 05:47:33
呈现函数只能返回一个HTML标记，因此您应该在一个div中包含所有标记，例如
render() {
return (
<div className="App">
My App
<Projects projects={this.state.projects}/>
<h1> hello world </h1>
</div>
);
}Stack Overflow用户
发布于 2018-08-06 05:56:08
使用片段。React中的一种常见模式是一个组件返回多个元素。片段允许您在不向DOM添加额外节点的情况下对子节点列表进行分组。https://reactjs.org/docs/fragments.html
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51698487
复制相关文章
相似问题