javascript - React.JS 将一个 HTML 文件插入另一个 HTML 文件。

我目前正在学习React.js，知道它只是MVC的 View 。我来自 Angular 堆栈，我开始担心 React.js 的一些问题。

其中之一是，如果您有一个部分 html 文件，如何将该文件注入(inject)到另一个文件中以构建一个功能正常的 html 文件。

例如。我该如何将页眉、正文和页脚文件合并到一起？

我读过有关 dangourouslyinnerHTML 的内容，但由于 XSS 原因，我不想使用它。我缺少什么不同的方式吗？或者这是我必须 gulp 才能编译的东西？

最佳答案

正如评论中所讨论的，React 范例有点不同。 React 建立在组件的概念之上，其中包含 JavaScript 中的事件、HTML 和 CSS。

例如，您可以有 Head , Body和Footer组件将全部呈现在您的 App 中成分。此示例使用 JSX:

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

Head , Body和Footer组件看起来很相似，每个组件都有自己的渲染函数，可以在其中返回 HTML。

我建议阅读Thinking in React React 文档的部分。

关于javascript - React.JS 将一个 HTML 文件插入另一个 HTML 文件。，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34188965/