React.JS将HTML文件注入另一个HTML文件。

时间:2015-12-09 21:05:08

标签: javascript html reactjs

我目前正在学习React.js,知道它只是MVC的观点。我来自一个Angular堆栈,我开始担心React.js的一些事情。

其中一个是如果你有一个部分html文件,你如何将该文件注入另一个文件以构建一个正常运行的html文件。

例如。我如何将标题,正文和页脚文件合并为一个?

我已经读过关于dangourouslyinnerHTML的内容,我不想将其用于XSS原因。我错过了一种不同的方式吗?或者这是我必须得到的东西才能编译?

1 个答案:

答案 0 :(得分:1)

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

例如,您可以拥有HeadBodyFooter组件,这些组件都会在App组件中呈现。这个例子使用JSX:

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

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

我建议您阅读React Docs的Thinking in React部分。