Javascript 如何使用html字符串呈现react元素? var Klass=React.createClass({ this.props.html_string='BUTTON_TEXT'; render:function(){ 返回( {this.props.html_string} ); } });
目前,Javascript 如何使用html字符串呈现react元素? var Klass=React.createClass({ this.props.html_string='BUTTON_TEXT'; render:function(){ 返回( {this.props.html_string} ); } });,javascript,reactjs,Javascript,Reactjs,目前,{this.props.html\u string}为我提供了一个文本节点。如何使其成为HTML DOM节点?您需要的是危险的HTML 函数createMarkup(){return{{uuuhtml:'First·;Second'};}; 编辑:您需要对字符串进行htmlencode。还要注意可在服务器上使用的React.renderString('html')。什么是htmlencode?你能扩展你的例子吗?我对清理html很感兴趣。Thanks我的意思是在必要时使用h
{this.props.html\u string}
为我提供了一个文本节点。如何使其成为HTML DOM节点?您需要的是危险的HTML
函数createMarkup(){return{{uuuhtml:'First·;Second'};};
编辑:您需要对字符串进行htmlencode。还要注意可在服务器上使用的
React.renderString('html')
。什么是htmlencode?你能扩展你的例子吗?我对清理html很感兴趣。Thanks我的意思是在必要时使用html实体,例如,而不是>和React.renderToString()
现在已不推荐使用,现在使用ReactDOMServer.renderToString()
(从“React dom/server”导入ReactDOMServer
)
var Klass = React.createClass({
this.props.html_string = '<button>BUTTON_TEXT</button>';
render: function(){
return (
<div className="wrapper">
{this.props.html_string}
</div>
);
}
});
function createMarkup() { return {__html: 'First · Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />