如何將 JSX 標簽呈現為文本？

Question

有一個關於我的投資組合的想法，我將我的姓氏包裹在 JSX 組件標簽中 - JOE - 將標簽作為跨度內的普通舊段落文本，然后設置樣式。 但是標簽顯然被我的代碼編輯器解釋為 JSX 標簽，而不是文本，拋出錯誤。

有誰知道一個元素會環繞標簽，將它們呈現為文本？ 嘗試了一些東西，但無法弄清楚。

<h1> JOE <span className='neon'> < </span> BLOGGS <span className='neon'> /> </span> </h1>

Answer 1

要將 HTML 標記呈現為文本，您可以使用HTML 實體。 將<替換為< 和>與> ：

<h1> JOE <span className='neon'> &lt; </span> BLOGGS <span className='neon'> /&gt; </span> </h1>

Answer 2

您可以嘗試將其包裹在花括號{} ，表示它是一個 JavaScript 表達式

  <h1> JOE <span className='neon'> {'<'} </span> BLOGGS <span className='neon'> {'/>'} </span> </h1>

Answer 3

您可以嘗試{'/>'}將字符顯示為文本

Answer 4

您可以使用直接{'<'} , {'>'}作為表達式或 HTML 實體<