- html中這樣寫
<!doctype 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>Document</title>
</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: "<p> </p><p>11日凌晨開始，北京雷雨大作，持續一夜，至9時許雨量減弱，天氣轉陰。北京市氣象臺發佈消息稱，11日白天到夜間，北京將有大到暴雨，並伴有雷電。尤其是傍晚至夜間，雨勢較大，山區須注意防範地質災害。</p><p>降雨帶來了些許清涼，一解前幾日的持續暑熱。11日一早，許多市民趁雨停了，紛紛出門採買，但整個京城仍然霧氣朦朧，略顯悶熱。北京市氣象臺值班室相關人員表示，雖然已經立秋，但是三伏天還沒結束，雨後的天氣悶熱感依舊較明顯。</p><p>11日7時35分，北京市氣象臺發佈雷電黃色預警信號稱，預計大範圍的降雨自午後開始，傍晚到夜間雨勢更加明顯，最低氣溫23攝氏度。</p><p>針對降雨可能帶來的地質災害，北京市國土局和氣象局9時30分聯合發佈地質災害氣象風險黃色預警，預計11日白天到12日，北京市房山、門頭溝、昌平、延慶、密雲、懷柔、平谷等大部分山區，以及豐臺、海淀、石景山部分淺山區發生地質災害的氣象風險較高，提示有關部門要加強監測、注意防範。</p><p>北京市防汛辦發出重點提示，請市民減少出行，注意交通安全，山區防山洪、滑坡、泥石流地質災害。</p>"};
}