我正在從 API 獲取資料，資料的一個屬性是專案的描述，但JSON回應是用 撰寫的HTML，其中包含<a></a>標簽和其他 html 元素。我不想顯示標簽并讓它們實際作業。
例如，這是它輸出到螢屏的內容：
“這里是<a href='https://www.google.com'> Link </a>”
它應該是這樣的：
“鏈接在這里 ”
我怎樣才能做到這一點？
（我正在使用 Next.js）
這就是我顯示資料的方式
<p>{description}</p>
uj5u.com熱心網友回復：
下面試試。dangerouslySetInnerHTML是JSX您需要的屬性。
<p dangerouslySetInnerHTML={{ __html: description }}></p>
查看檔案以獲取更多資訊
作業示例
function App() {
const description = "Here is the <a href='https://www.google.com'> Link </a>";
return (
<p dangerouslySetInnerHTML={{ __html: description }}></p>
);
};
ReactDOM.render(
<App />,
document.getElementById('react')
);<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js"></script>
<div id="react"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/364386.html
標籤：javascript html 反应 json 解析
下一篇：嘗試從文本框中決議多行