亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 react 中顯示 {<p> blah blah <p>} 時出現問題,因為<p> 標簽在瀏覽

在 react 中顯示 {<p> blah blah <p>} 時出現問題,因為<p> 標簽在瀏覽

慕妹3146593 2022-08-04 16:55:59
我正在使用nhs api在react應用程序中映射和顯示其數據。        return (            <div className="dashBody">                {(this.props.nhsData).map((value, index) => {                    return (                        <div className="nhsInfoBox">                            <a key={index} href={value.url} target="_blank">{value.name}</a>                            <p>{value.description}</p>                            {value.text}                        </div>                    )                })}            </div>        )但是,文本已放置在包含其自己的段落標記的 api 對象中。     {        "@type": "WebPageElement",        "name": "other_treatments",        "description": "",        "text": "<p> stuff </p>",     },所以我想,如果我剛剛渲染了{value.text},它將像往常一樣包含標簽,并呈現為段落元素。但是,它仍然在瀏覽器中包含其段落標記,而不是將其顯示為段落。有什么想法嗎?
查看完整描述

1 回答

?
揚帆大魚

TA貢獻1799條經驗 獲得超9個贊

它可能是危險的,你應該確保它是安全的數據。

你可以使用名為 dangerouslySetInnerHTML 的 React 道具

<span dangerouslySetInnerHTML={{ __html: value.text }} />


查看完整回答
反對 回復 2022-08-04
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號