如果您希望在頁面加載時(shí)加載所有html,則應(yīng)在構(gòu)建過程或服務(wù)器中動(dòng)態(tài)創(chuàng)建腳本：

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

您可以在節(jié)點(diǎn)中為這樣的目錄執(zhí)行此操作：

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中,您可以使用如下結(jié)構(gòu)：

var App = React.createClass({

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

navigate: function(toPage){

this.setState({page: toPage})

},

render: function(){

return

• Page 1

;

}

});

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。