Javascript 如何使用Reactjs创建模板？

我最初是通过PHP includes完成的，但一旦我开始嵌套变量，React就开始给我带来问题。这意味着现在我有了巨大的退货容器。例如

if (this.state.transitiontime){
return (
<div id="stuff">
//lots of html content//
</div>
);} 

---

您将使用您在ReactJS中编写的组件。例如，在使用JSX时，您将能够包括组件“SomeComponent”，如下所示：

if (this.state.transitiontime){
return (
<div id="stuff">
   <SomeComponent />
</div>
);} 

if（this.state.transitiontime）{
返回(
);} 

---

看看这个：

那么我必须添加

ReactDOM.render（，document.getElementById（'stuff'）某处？或者这已经隐含在主组件中了？当您将您的组件添加到DOM中时，您可以在组件渲染方法中轻松渲染其他组件-如果这是您的问题的话。我认为正确的方法是先呈现主应用程序组件，然后呈现应用程序中的子组件。你看到你正在谈论的案例了。您将向Dom和主组件的render（）方法中的每个子级呈现主组件。
if (this.state.transitiontime){
return (
<div id="stuff">
   <SomeComponent />
</div>
);}