Как визуализировать элемент реакции с помощью строки html?
var Klass = React.createClass({
this.props.html_string = '<button>BUTTON_TEXT</button>';
render: function(){
return (
<div className="wrapper">
{this.props.html_string}
</div>
);
}
});
В настоящее время {this.props.html_string}
дает мне текст node. Как я могу сделать это HTML DOM node?
Ответы
Ответ 1
Вы хотите dangerouslySetInnerHTML
https://facebook.github.io/react/tips/dangerously-set-inner-html.html
function createMarkup() { return {__html: 'First · Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />
Изменить: вам нужно htmlencode строку.
Ответ 2
Также помните React.renderToString('html')
, который можно использовать на сервере - https://facebook.github.io/react/docs/top-level-api.html