如何在ReactJS中创建模板?

如何在ReactJS中创建模板?,reactjs,ecmascript-6,react-router,Reactjs,Ecmascript 6,React Router,在我的ReactJS应用程序中,我有很多路由(React路由器依赖项)。他们分为校友和管理员。student和admin模板都有一些通用元素 对于学生:页眉、学生菜单、内容、页脚 对于管理员:页眉、学生菜单、内容、页脚 所以,在这个例子中,我必须有两个模板,一个用于学生,一个用于管理员。我怎样才能创建一个只有内容是动态的,其余内容是静态的模板呢?。换句话说,内容将是React Router加载给我的内容(动态),而所有页面的页眉、菜单和页脚都将保留(它们都是相同的,没有重新加载,是静态的)

在我的ReactJS应用程序中,我有很多路由(React路由器依赖项)。他们分为
校友
管理员
。student和admin模板都有一些通用元素

  • 对于学生:页眉、学生菜单、内容、页脚
  • 对于管理员:页眉、学生菜单、内容、页脚
所以,在这个例子中,我必须有两个模板,一个用于学生,一个用于管理员。我怎样才能创建一个只有内容是动态的,其余内容是静态的模板呢?。换句话说,内容将是React Router加载给我的内容(动态),而所有页面的页眉、菜单和页脚都将保留(它们都是相同的,没有重新加载,是静态的)


谢谢。

React没有
模板的概念,在React中,数据绑定到单个组件中的视图,最接近模板的是可以将属性传递到其中的简单/哑/表示组件。您可以根据需要使这些属性变得复杂或简单。但它绝不仅仅是html或其他任何东西,它必须始终是一个组件。你可以了解更多关于它的信息

哇。。。我提出这个问题是因为每次加载路由时,当元素重新装载时,它们都会丢失以前的状态,重置默认状态,必须通过我想要保存的道具属性。如果你可以制作一个“模板”,而不是在每条路线上安装和拆卸,这是可以避免的。花几分钟时间仔细考虑一下你刚才说的话。模板只是一个模板,数据将单独保存,此外,如果路线发生变化,道具发生变化,您的组件不应该丢失所有数据吗?感觉您没有给出所有的细节,在任何情况下答案都是一样的,在我看来,您很难理解react是如何工作的,或者如何构建您的应用程序。您使用的是什么数据流库?雷杜?反流?通量?麦克弗利?中高音?如果你需要更多的帮助,你可能需要重新思考这个问题。对于这一个,我认为你不会得到不同的答案。谢谢你的回复,我没有使用任何,目前它是没有用的。将来可能会使用Redux。在这种情况下,您最好使用react router Redux,不要事后考虑,如果您立即开始使用它,它将帮助您构建应用程序。我的规则是,如果你的应用程序足够大,你需要一个路由器,那么你应该开始使用数据流库