从ReactJS渲染HTML静态页面

Question

我正在尝试使用ReactJS和RoR作为后端端点构建一个网站/网络（类似于Airbnb）应用。 我的问题是我是整个javascript生态系统的新手，我有一些问题。 我有一个完整的html5静态主题（或tamplate）与所有的CSS，HTML文件等，我想使用react来使一些内容动态地指出这个主题html页面，以及其他一些（如关于页面和帮助）保持它是静态的html页面。 我的问题是，我可以以某种方式使用react-router或其他一些软件包添加指向我的静态页面的链接吗？或者我必须通过反应渲染所有内容并将其转换为组件？ 简而言之，我可以将应用程序与静态html页面混合使用吗？或者一切都应该成为单页应用程序？

Answer 1

反应中的所有内容都应该基于组件。 React路由器也基于组件。所以你不能用反应路由器提供静态Html，直到你将它们包装到react组件中。

Answer 2

技术上你可以在反应组件中渲染html。 它可以通过dangerouslySetInnerHTML

完成

function createMarkup() {
  return {__html: '<h1>Some text</h1>'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}