我正在嘗試將<div></div>（一些 html/jsx 內容）傳遞到 FC 但不是來自子道具（它已經用于其他用途）。
我想要這樣的東西：
<Component props={{
title: "hello",
description:
{
<>Hello <h1>world</h1> </>
}
/>
我怎樣才能做到這一點 ？
uj5u.com熱心網友回復：
更新：
Fragment如果您的版本高于 16.2 ，則可以使用：
像這樣 ：
<Child
text={
<Fragment>
This is an <strong>HTML</strong> string.
</Fragment>
}
/>
舊版本：
您可以使用dangerouslySetInnerHTML從道具渲染 HTML 內容。
將 html 作為普通字串道具傳遞
<Component text="This is <strong>not</strong> working." />
并在 JSX 代碼中呈現如下：
在此處輸入代碼 ：
<div className="header-title-right wow fadeInRight" dangerouslySetInnerHTML={{__html: props.text}} />
如果您正在渲染用戶輸入的資料，請務必小心。你可能成為 XSS 攻擊的受害者
這是檔案：https : //facebook.github.io/react/tips/dangerously-set-inner-html.html
示例：作業演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/358981.html
標籤：javascript html 反应 打字稿
下一篇：將本地存盤添加到存盤后鍵入錯誤