React.JS將一個HTML文件注入另一個HTML文件。

Question

我目前正在學習React.js，知道這只是MVC的視圖。 我來自一個Angular堆棧，我開始擔心React.js的一些問題。

其中之一是，如果您有部分html文件，那么如何將該文件注入另一個文件中以構建可運行的html文件。

例如。 我將如何將頁眉，正文和頁腳文件合並為一個文件？

我已經閱讀了有關dangourouslyinnerHTML的信息，出於XSS的原因，我不想使用它。 我想念的還有其他方法嗎？ 還是我必須大吃一驚才能進行編譯？

Answer 1

如評論中所述，React范例有所不同。 React是基於組件的概念構建的，這些組件包含JavaScript中的事件，HTML和CSS。

例如，您可能有一個Head ， Body和Footer組件，它們都將在您的App組件中呈現。 此示例使用JSX：

var App = React.createClass({
  render() {
    return (
      <div>
        <Head />
        <Body />
        <Footer />
      </div>
    );
  }
});

Head ， Body和Footer組件看起來很相似，每個組件都有其自己的render函數，該函數在其中返回HTML。

我建議閱讀React Docs中的React中的思考部分。