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 &middot; Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />