React、React 路由和 HTML 模板

Question

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

Meteor：全栈JavaScript框架
MongoDB：数据库管理系统
React：包含在 Meteor 中，作为以下 2 个主要包 react v15.6.1 和 react-router-dom v4.1.2

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

转换为数字线框

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

知道数字线框将在 HTML、CSS 和 JavaScript 中编码，我的问题是：有没有办法将 integrating/translating/rewriting 和 HTML、CSS 和 JavaScript 模板以适应 React？

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

Answer 1

我通常做的是将文件中的 HTML tags/elements 复制到 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 页面的路径。

React、React 路由和 HTML 模板

React, react routing and HTML templates

react-router

react-router-v4

react-router-dom