反应，反应路由和HTML模板

Question

我在一个大的网络项目团队中工作。这些是所涉及的技术：

• Meteor:全堆栈JavaScript框架
• MongoDB: DBMS
• React:包含在Meteor中，如下所示:两个主要包分别为v15.6.1和react router v4.1.2

我的问题涉及网站的前端部分及其与已经开发的早期版本的集成。前端部分的规范首先被翻译成手绘线框，然后用巴尔萨米克实现数字线框。

在开发该网站的第一个版本时，我使用了React，现在我爱上了它(老实说，我也有点被它困住了)。我通常不负责项目的前端部分，但我将负责或整合我已经完成的工作。

知道数字线框将用HTML、CSS和JavaScript编码，我的问题是:是否有一种方法来集成/翻译/重写一个HTML、CSS和JavaScript模板以适应反应？

我的问题基本上归结为:如何将HTML、CSS和JS模板集成到一个反应性项目中？如果没有办法这样做，那么最好的方法是什么:重写我的代码，或者模板应该是用React编写的？

Answer 1

我通常做的是将HTML标记/元素从文件复制到React (){}中，然后添加React组件并修改一些css，使其看起来像您想要的那样。记住，React (){}基本上是呈现HTML加上您自己的React组件和Javascript，以使它们按照您希望的方式工作。

但是，如果您只想显示一个页面，则可以始终

import React, { Component, PropTypes } from 'react';


static contextTypes = {
  router: PropTypes.object
}
this.context.router.push('/page');

并设置指向route.js文件中的HTML页面的路径。