Сервер возвращает Handlebars шаблон и json с данными. С помощью реакта я хочу отобразить этот шаблон, предварительно распарсив его Handlebars:
module.exports = React.createClass({
getInitialState: function () {
return {
previewData: {}, // json данные контекста
previewHtml: {} // Handlebars шаблон
}
},
getTemplateDataStore: function (event, previewData) {
this.setState({
previewData: previewData
});
},
getTemplateHTMLStore: function (event, previewHtml) {
this.setState({
previewHtml: previewHtml
});
},
render: function () {
// парсинг шаблона
var template = Handlebars.compile(this.state.previewHtml);
var context = {"name": this.state.previewData);
return <div className="row">
{template(context)}
</div>
}
});
Но, проблема в том, что реакт выводит строку, то есть Handlebars вернул к примеру "<div>John></div>
", реакт так его и отобразил, а ведь нужно же, чтоб это был DOM элемент, в котором находится John
.
И так же через раз появляется следующая ошибка:
Error: Invariant Violation: setState(...): Cannot update during an existing state transition (such as within
render
). Render methods should be a pure function of props and state.
Подскажите пожалуйста, как правильно отобразить элемент, после парсинга барсом, чтоб не строка выводилась и как пофиксить ошибку?