Как интегрировать html-страницу в сайт, созданный в React.js

Question

Я все еще изучаю React.js. Недавно я создал сайт с использованием React.js. Я пытался добавить демонстрационную страницу (чистый html и javascript) на сайт-ответчик. Демо-страница состоит из index.html, bundle.js и таблицы стилей css. Я создал демо-папку в корне сайта-ответчика и поместил демо-файлы в эту папку. Мой вопрос в том, как я могу получить доступ к демонстрационной странице, перейдя на http://reactsite/demo/ Должен ли я использовать реагирующий маршрутизатор и обернуть демонстрационную страницу в компонент реакции? Спасибо заранее!

Answer 1

Оказывать чистый HTML с использованием срабатывают да вам нужно будет использовать среагировать-маршрутизатор для визуализации компонент в этом URL, а затем использовать dangerouslySetInnerHTML читать HTML файл как реальный HTML, а не управляющие символы в файле

ваш маршрут будет что-то вроде этого

<Route path="demo" component={TemplateHTMLComponent} /> 

, то ваш компонент будет что-то вроде этого

const htmlFile = require('../some/path/to/html/file'); 

class TemplateHTMLComponent extends React.Component { 
    render() { 
     return <div dangerouslySetInnerHTML={{ __html: htmlFile}}; 
    } 
}