Блог

Главная - Вопросы по программированию - Реагировать: загружать содержимое с сервера и отображать в React

Реагировать: загружать содержимое с сервера и отображать в React

#reactjs

#reactjs

Вопрос:

Я хочу загрузить свои формы через запрос в мое ReactApp. Я извлекаю содержимое с помощью выборки, а затем помещаю содержимое в состояние, чтобы опубликовать его как дочернее из компонента. Пример хорошо работает с обычным HTML, но не с html, в котором есть компоненты react.

 class Box extends React.Component {
    constructor(props) {
        super(props);

        this.state = {bla: ""}

        fetch('test.php')
          .then(response => response.text())
          .then(data => this.setState({ bla: data }));
        
    }

    render() {
        return (
            <div dangerouslySetInnerHTML={{__html: this.state.bla}}></div>
        );
    }
}

ReactDOM.render(
    React.createElement(Box, null),
    document.getElementById("root")
);

Ответ №1:

Вам не нужно использовать React.createElement, просто попробуйте использовать

 ReactDOM.render(
    <Box/>,
    document.getElementById("root")
);
Метки: