react dangerouslySetInnerHTML

dangerouslySetInnerHTML 设置标签的innerHtml注意：message不能接收页面的数据太危险了，接收后端的数据使用import React, { Component } from 'react';let message = ` <h1>打败我们的不是天真，是天真热</h1><p>太热了</p>`class App ext

Jason–json

309人浏览 · 2020-07-16 13:08:25

Jason–json · 2020-07-16 13:08:25 发布

dangerouslySetInnerHTML 设置标签的innerHtml

注意：message不能接收页面的数据太危险了，接收后端的数据使用

import React, { Component } from 'react';
let message = ` <h1>打败我们的不是天真，是天真热</h1>
                <p>太热了</p>
              `
class App extends Component {
  render() { 
    return (  
              // 类型是个对象
            <div dangerouslySetInnerHTML={{
              __html:message
            }}>
            </div>
           );
  }
}

export default App;