反應，反應路由和HTML模板

Question

我在一個大型網站上的團隊中工作。 這些是所涉及的技術：

• 流星：全堆JavaScript框架
• 的MongoDB：DBMS
• 陣營：包括在流星爲以下2個主要包反應v15.6.1和反應路由器-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頁面的路徑。