在我的 React 專案中，我對服務器進行 API 呼叫，它回傳一些我必須呈現的 HTML。下面是API呼叫結果：
所以這個unit_configuration_label欄位沒有正確渲染。我應用于該b-tag 的樣式不適用。我猜是因為頁面在我從服務器獲取結果之前先渲染，然后當我們得到它時，它只是將此結果作為字串附加，這就是我在渲染時得到的：
我需要在這個span-tag中附加那個 HTML
<div className="room-types">
<span>{hotel.unit_configuration_label}</span>
</div>
uj5u.com熱心網友回復：
使用“dangerouslySetInnerHTML”：
const data = "Twin Room with Bath </br><b>Hotel room</b>:2 beds";
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
<div
dangerouslySetInnerHTML={{__html: data}}
/>
</div>
);
https://codesandbox.io/s/stoic-hypatia-ljyb02
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/482148.html