如果您希望在頁面加載時加載所有html,則應在構建過程或服務器中動態創建腳本：

var PAGE_HTML={"page1.html": "...","page2.html":"..."};

您可以在節點中為這樣的目錄執行此操作：

var readAll = require('read-dir-files').read;

readAll('./pages', 'utf-8', false, function(err, files){

if (err) return doSomething(err);

fs.writeFile('dist/pages.js', "var PAGE_HTML=" + JSON.stringify(files), function(err){

// ...

});

});

在React中,您可以使用如下結構：

var App = React.createClass({

getInitialState: function(){ return {page: "page2.html"} },

navigate: function(toPage){

this.setState({page: toPage})

},

render: function(){

return

• Page 1

;

}

});

附注：對于內容頁面內容使用React組件沒有任何問題,它不是所有類型內容的最佳格式.如果您需要一個頁面,您將擁有大量交互式組件,那么將其表示為一個組件可能是有意義的.

總結

以上是生活随笔為你收集整理的react中js文件中写html,javascript – 使用静态HTML与React的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。