如何將html頁面集成到React.js中構建的網站中

Question

我還在學習React.js。最近我使用React.js構建了一個站點。我試圖添加一個演示頁面（純html和javascript）到反應網站。演示頁面由一個index.html，一個bundle.js和一個css樣式表組成。我在反應網站的根目錄創建了一個演示文件夾，並將演示文件放入該文件夾中。我的問題是我如何通過訪問http://reactsite/demo/ 訪問演示頁面我是否必須使用反應路由器並將演示頁面包裝爲反應組件？ 在此先感謝！

Answer 1

要呈現純HTML與反應過來是的，你需要使用反應路由器在此URL呈現一個組件，然後用dangerouslySetInnerHTML閱讀HTML文件作爲真正的HTML和文件中沒有轉義字符

你的路線是這樣的

<Route path="demo" component={TemplateHTMLComponent} /> 

那麼你的組件將是這樣的

const htmlFile = require('../some/path/to/html/file'); 

class TemplateHTMLComponent extends React.Component { 
    render() { 
     return <div dangerouslySetInnerHTML={{ __html: htmlFile}}; 
    } 
}