reactjs中的渲染功能

Question

快速提问。我正在学习React JS。

创建组件时，我们在render函数中提供要渲染的组件的html模板。到目前为止，我只看到了很小的html小组件，但是我只是想知道如果我们的组件带有巨大的html模板会发生什么情况，有没有办法提供指向单独的html文件的路径？还是我们被迫直接在render函数中编写所有html？谢谢！

Answer 1

您应该始终将其编写在render函数中。您不是在其中编写HTML，而是在编写JSX，并将其编译为Javascript。诸如此类的东西<div className="test">会转换为React.createElement("div", {className: 'test'});。

只要将大型组件分解为许多较小的组件，就不会出现大小问题。您可以通过将其他组件包含在您的渲染函数中来包括它们，如下所示：<SomeComponent someProp="someVal" />。