dangerouslySetInnerHTML
dangerouslySetInnerHTML 是 React 為瀏覽器 DOM 提供 innerHTML 的替換方案,通常來講,使用代碼直接設定 HTML 存在風險,因為很容易無意中使用戶暴露于跨站腳本(XSS)的攻擊,因此,你可以直接在 React 中設定 HTML,但當你想設定 dangerouslySetInnerHTML 時,需要向其傳遞包含 key 為 __html 的物件,以此來警示你,例如:
function createMarkup() { return {__html: 'First · Second'}; } function MyComponent() { return <div dangerouslySetInnerHTML={createMarkup()} />; }
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/51743.html
標籤:JavaScript
