一般我们批量插入一些文章之类的都是直接插入HTML页面的,所以就考虑用到这个属性了
var Hello = React.createClass({
render:function(){
var htmlSet = {__html: 'First · Second'};
return (
<div dangerouslySetInnerHTML={htmlSet} ></div>
)
}
})
ReactDOM.render(
<Hello />,
document.querySelector('#app')
)
有一点非常直接注意的是:
{__html: 'First · Second'} 注意标红的地方是双下划线,这个是必须的语法,请注意否则会报错如下:
Uncaught Error: `props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`