使用react的时候,总有一些变量是html的字符串,但是我们却想要实现innerHtml的类似方法,直接用html进行渲染。这里react提供了一个dangerouslySetInnerHTML方法,可以实现此赋值操作。具体详情可以自己去google一个下,关键字:'react dangerouslySetInnerHTML'.下面是我为记录的一个示例,可以作为一个简单的demo了。const Login = React.createClass({
getInitialState: function () {
return {
'error_state': false,
'error_message': ''
}
},
handleClick:function(){
let error_message = '';
error_message += '错误信息一';
error_message += '错误信息二';
error_message += '错误信息三';
this.setState({
'error_state': true,
'error_message': error_message
});
},
render:function(){
let alert_class = this.state.error_state ? 'alert alert-danger' : 'aler hidden';
return (
添加html
);
}
});