react ant.design pro项目中实现innerHTML

  • html中这样写

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>
<body>
<pre>"<p> p><p>11日凌晨开始,北京雷雨大作,持续一夜,至9时许雨量减弱,天气转阴。北京市气象台发布消息称,11日白天到夜间,北京将有大到暴雨,并伴有雷电。尤其是傍晚至夜间,雨势较大,山区须注意防范地质灾害。p><p>降雨带来了些许清凉,一解前几日的持续暑热。11日一早,许多市民趁雨停了,纷纷出门采买,但整个京城仍然雾气朦胧,略显闷热。北京市气象台值班室相关人员表示,虽然已经立秋,但是三伏天还没结束,雨后的天气闷热感依旧较明显。p><p>11日7时35分,北京市气象台发布雷电黄色预警信号称,预计大范围的降雨自午后开始,傍晚到夜间雨势更加明显,最低气温23摄氏度。p><p>针对降雨可能带来的地质灾害,北京市国土局和气象局9时30分联合发布地质灾害气象风险黄色预警,预计11日白天到12日,北京市房山、门头沟、昌平、延庆、密云、怀柔、平谷等大部分山区,以及丰台、海淀、石景山部分浅山区发生地质灾害的气象风险较高,提示有关部门要加强监测、注意防范。p><p>北京市防汛办发出重点提示,请市民减少出行,注意交通安全,山区防山洪、滑坡、泥石流地质灾害。p>"pre>
body>
html>

react中这样实现,参考链接

<div dangerouslySetInnerHTML={this.createMarkup()} />
  createMarkup = () => {
    return {__html: "

 

11日凌晨开始,北京雷雨大作,持续一夜,至9时许雨量减弱,天气转阴。北京市气象台发布消息称,11日白天到夜间,北京将有大到暴雨,并伴有雷电。尤其是傍晚至夜间,雨势较大,山区须注意防范地质灾害。

降雨带来了些许清凉,一解前几日的持续暑热。11日一早,许多市民趁雨停了,纷纷出门采买,但整个京城仍然雾气朦胧,略显闷热。北京市气象台值班室相关人员表示,虽然已经立秋,但是三伏天还没结束,雨后的天气闷热感依旧较明显。

11日7时35分,北京市气象台发布雷电黄色预警信号称,预计大范围的降雨自午后开始,傍晚到夜间雨势更加明显,最低气温23摄氏度。

针对降雨可能带来的地质灾害,北京市国土局和气象局9时30分联合发布地质灾害气象风险黄色预警,预计11日白天到12日,北京市房山、门头沟、昌平、延庆、密云、怀柔、平谷等大部分山区,以及丰台、海淀、石景山部分浅山区发生地质灾害的气象风险较高,提示有关部门要加强监测、注意防范。

北京市防汛办发出重点提示,请市民减少出行,注意交通安全,山区防山洪、滑坡、泥石流地质灾害。

"
}; }

你可能感兴趣的:(React,ant.design)