React，反应路由和HTML模板

Question

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

• Meteor：全栈JavaScript框架
• MongoDB：DBMS
• React：包含在Meteor中，因为以下2个主要包反应v15.6.1和react-router-dom v4.1.2

我的问题涉及网站的前端部分及其与已开发的早期版本的集成。前端部分的规格首先转换为手绘线框，然后使用Balsamiq转换为数字线框。

在开发网站的第一个版本时，我使用了React，现在我爱上了它（还有一种坚持它，说实话：D）。 我通常不负责项目的前端部分，但我将负责或将其与我已完成的工作相结合。

知道数字线框将用HTML，CSS和JavaScript编码，我的问题是：有没有办法整合/翻译/重写HTML，CSS和JavaScript模板以适应React？

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

Answer 1

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

但是，如果您只想显示页面，则可以随时

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


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

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