- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設置VPN來登錄youtube等國外網站
- 12qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
[摘要]在JSX中輸出固定內容 直接使用UTF-8字符 {代碼...} 使用HTML轉義字符 {代碼...} 或者十進制的轉義字符 {代碼...} 動態內容的轉義 但是如果在外面加一層大括號的話，react為了防止xss會將轉義后的字符實體再次轉義，本文我們就和大家分享React中的HTML轉義寫法 。直...
在JSX中輸出固定內容 直接使用UTF-8字符 {代碼...} 使用HTML轉義字符 {代碼...} 或者十進制的轉義字符 {代碼...} 動態內容的轉義 但是如果在外面加一層大括號的話，react為了防止xss會將轉義后的字符實體再次轉義，本文我們就和大家分享React中的HTML轉義寫法 。
直接使用UTF-8字符
<p>版權 ?</p>
使用HTML轉義字符
<p>版權 ©</p>
或者十進制的轉義字符
<p>版權 ©</p>
動態內容的轉義
但是如果在外面加一層大括號的話，react為了防止xss會將轉義后的字符實體再次轉義
React 會將所有要顯示到 DOM 的字符串轉義，防止 XSS。所以，如果 JSX 中含有轉義后的實體字符，比如 ?（?），則最后 DOM 中不會正確顯示，因為 React 自動把 ? 中的特殊字符轉義了。
<p>{'版權 ©'}</p>錯誤輸出
版權 ©
正確寫法：
直接使用UTF-8字符仍然可以正確輸出
<p>{'版權 ?'}</p>安全的做法是使用對應的Unicode碼
<p>{'版權 \u00a9'}</p>使用fromCharCode
<p>{'版權 ' + String.fromCharCode(169)}</p>使用數組組裝
<p>{['版權 ', <span>©</span>]}</p>使用dangerouslySetInnerHTML，可以避免React轉義字符
<p dangerouslySetInnerHTML={{ __html: '版權 ©' }} />
參考
JSX Gotchas
深入react技術棧
在JSX中輸出固定內容
直接使用UTF-8字符
<p>版權 ?</p>
使用HTML轉義字符
<p>版權 ©</p>
或者十進制的轉義字符
<p>版權 ©</p>
動態內容的轉義
但是如果在外面加一層大括號的話，react為了防止xss會將轉義后的字符實體再次轉義
React 會將所有要顯示到 DOM 的字符串轉義，防止 XSS。所以，如果 JSX 中含有轉義后的實體字符，比如 ?（?），則最后 DOM 中不會正確顯示，因為 React 自動把 ? 中的特殊字符轉義了。
<p>{'版權 ©'}</p>錯誤輸出
版權 ©
正確寫法：
直接使用UTF-8字符仍然可以正確輸出
<p>{'版權 ?'}</p>安全的做法是使用對應的Unicode碼
<p>{'版權 \u00a9'}</p>使用fromCharCode
<p>{'版權 ' + String.fromCharCode(169)}</p>使用數組組裝
<p>{['版權 ', <span>©</span>]}</p>使用dangerouslySetInnerHTML，可以避免React轉義字符
<p dangerouslySetInnerHTML={{ __html: '版權 ©' }} />
以上內容就是React中的HTML轉義寫法 ，希望能幫助到大家。
相關推薦：
以上就是React中的HTML轉義寫法 的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1步步驚心麗結局搶先看！優酷會員賬號免費分享
- 2騰訊視頻會員賬號與密碼免費領取（2016.11.10分享）
- 3愛奇藝vip會員賬號與密碼分享（2016年11月10日分享）
- 4網易云音樂播放歷史記錄怎么查看？
- 5騰訊大王卡怎么申請？騰訊大王卡申請方法
- 6騰訊視頻小王卡怎么申請？騰訊小王卡申請鏈接地址列表
- 7騰訊視頻會員賬號與密碼共享（2016年11月9日）
- 8愛奇藝視頻vip會員賬號（2016年11月9日更新）
- 9芒果TV怎么看直播？芒果TV看直播的方法
- 10搜狐視頻最新會員賬號搶先看（2016.11.8）
- 11騰訊視頻會員賬號免費分享（分享日期：2016年11月8日）
- 12愛奇藝會員賬號免費分享（2016年11月8日最新分享）
- 1蘭博基尼88 tauri多少錢？tonimo蘭博基尼88 tauri價格
- 2騰訊視頻會員共享賬號（共享日期：2016年11月7日）
- 3愛奇藝會員賬號免費分享（2016年11月8日最新分享）
- 4騰訊視頻會員賬號免費分享（分享日期：2016年11月8日）
- 5搜狐視頻最新會員賬號搶先看（2016.11.8）
- 6芒果TV怎么看直播？芒果TV看直播的方法
- 7愛奇藝視頻vip會員賬號（2016年11月9日更新）
- 8騰訊視頻會員賬號與密碼共享（2016年11月9日）
- 9騰訊視頻小王卡怎么申請？騰訊小王卡申請鏈接地址列表
- 10騰訊大王卡怎么申請？騰訊大王卡申請方法
- 11網易云音樂播放歷史記錄怎么查看？
- 12愛奇藝vip會員賬號與密碼分享（2016年11月10日分享）
