如何使用html字符串渲染react元素？ [英] How to render a react element using an html string?

问题描述

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} 给了我一个文本节点。如何将其设为HTML DOM节点？

Currently {this.props.html_string} gives me a text node. How can I make this a HTML DOM node?

推荐答案

您想要的是 dangerouslySetInnerHTML

https://facebook.github.io/react/tips/dangerously-set-inner-html.html

function createMarkup() { return {__html: 'First · Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />

编辑：你想要htmlencode字符串。

you'll want to htmlencode the string.

这篇关于如何使用html字符串渲染react元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！