Reactjs React.JS可以'；不要添加html标记

我是一个新的反应，并试图理解为什么我不能添加一个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>
  );
}

render（）{
返回(
我的应用程序
);
}
render（）{
返回(
我的应用程序
你好，世界
);
}

---

这是怎么回事，但如果我在函数中添加

hello world

，它将不再工作？

渲染函数只能返回一个HTML标记，因此您应该在一个div中包含所有标记

render() {
  return (
    <div className="App">
      My App
      <Projects projects={this.state.projects}/>
      <h1> hello world </h1>
    </div>
  );
}

render（）{
返回(
我的应用程序
你好，世界
);
}

使用片段。 React中的一种常见模式是组件返回多个元素。片段允许您对子项列表进行分组，而无需向DOM添加额外的节点。

render（）{
返回(
);
}

hello world

以结束标记开头<代码>hello world是正确的表示法。。。而它需要驻留在该

中，以便返回单个节点。

render() {
  return (
    <React.Fragment>
      <ChildA />
      <ChildB />
      <ChildC />
    </React.Fragment>
  );
}