从ReactJS渲染HTML静态页面

Question

I am trying to build a website/web ( similar with Airbnb) app with ReactJS and RoR as backend endpoint. My problem is that I am new to the whole javascript ecosystem and I have some questions. I have a full html5 static theme ( or tamplate ) with all the css, html files and so on, and i want to use react to make some content dynamic indise this theme html pages, and some other ( like about page and help ) keep it static html page. My qustion is that, can I somehow with react-router or some other package add links to my static-pages from react? or I have to render everything with react and convert it to components? In short, can i have react app mixed with static html pages? or everything should become a single page application?

Answer 1

Everything in react should be component based. React router is based on component too. So you can't serve static Html with react router until you wrap them into a react component.

Answer 2

Technicaly you can render html inside react component. It can be accomplished via dangerouslySetInnerHTML

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

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