Как сделать HTML-файл в JS реагирует вместе с папкой поддержки?

Question

У меня есть статический html-файл вместе с вспомогательными js-файлами в папке с именем data. Папка (данные) содержит два js-файла, 3 png-файла и одну подпапку для шрифтов. папка fonts содержит 3 файла шрифтов. . Теперь я хочу, чтобы отобразить HTML-файл в приложении реакции.

class Test extends Component {
    constructor(props) {
        super(props)
        this.html = require('../assessment/1_2_1/index.html');
    }
    render() {
        const { classes } = this.props;
        return (
            <div dangerouslySetInnerHTML={{ __html: this.html }} />
        );
    }
}

Этот код отображает HTML-файл. но папка данных не доступна. Следовательно, я не получаю нужную страницу. Как импортировать папку

Answer 1

dangerouslySetInnerHTML не следует использовать для этого варианта использования. Я предлагаю вам использовать фреймворк для рендеринга на стороне сервера, такой как Razzle или Next.js. Поместите свои активы (изображения, шрифты, CSS) и т. Д. В статическую папку и реагируйте компонент js в папке страниц (в случае Next.js)