爲什麼React只允許一部分HTML實體？

Question

我在這個問題上發現的唯一相關的documentation只是說我可以在React中使用HTML實體。

但是，這似乎並不完全如此。例如，&和∑工作，而|和#不。那是一個有意識的設計決定嗎？如果是，那是什麼原因？

實施例：

const App =() => (
    <div> 
    <h2>&amp;, &sum; - this works. &vert;, &num; - this doesn't.</h2> 
    </div> 
); 

Example in CodeSandbox

Answer 1

ReactJS僅支持HTML4特殊實體。

這可能是故意的，雖然文檔中對此不清楚。我的猜測是，HTML實體通常用於屏蔽代碼中使用的字符，但由於ReactJS具有Unicode支持，因此不需要使用可以用Unicode表示的新實體。

您可以找到HTML4實體列表here。

Answer 2

很抱歉，但只有HTML4元素可惜的支持

Answer 3

| and #是新character entities從HTML5規範。
& and ∑是character entities從HTML4規範（更好地可視化here）。

JSX渲染結果顯示只允許來自HTML4規範的字符實體。