Javascript 混合React组件和HTML块

让我一直困惑的是，有多少React示例将所有内容都显示为组件。但假设我只需要在组件旁边包含一些简单的HTML，比如：

class Homepage extends Component {
  render() {
    return (
      <Container>
        <Hero />
        <Features />
        <div className="copyright">Copyright Some Company Name.</div>
      </Container>
    );
  }
}

类主页扩展组件{
render（）{
返回(
公司名称的版权。
);
}
}

div

元素永远不会超过静态文本

---

是否应将

移动到纯组件中？或者通过添加纯HTML来简化主页组件可以吗

当然可以。总之，它的HTML在最后。React组件是在调用render函数时的一组html元素

---

我遵循的一条经验法则是：当你认为新的职责已经就绪时，就创建一个新的组件。

确定没问题。总之，它的HTML在最后。React组件是在调用render函数时的一组html元素

---

我遵循的一条经验法则是：当你认为新的职责已经就绪时，创建一个新的组件。

div是一个与其他组件一样的组件，只是它是一个“原始”组件。将HTML中的基本组件与您自己的自定义组件混合在一起应该没有问题。

div是一个与其他组件一样的组件，只是它是一个“基本”组件。将HTML中的基本组件与您自己的自定义组件混合在一起应该不会有问题。

编写普通HTMLooks对我来说没问题。这取决于您是否要重用此块。编写普通HTMLooks对我来说没问题。这取决于您是否要重用此块。