如何在 React JSX 中使用“< >”

Question

如何在 React 中使用 < 和 > 作為文本？ 我想將它用於我的投資組合？

Answer 1

您需要使用HTML 實體

HTML 中的保留字符必須替換為字符實體。

結果	描述	實體名稱	實體編號
<	少於	&lt;	&#60;
>	比...更棒	&gt;	&#62;

HTML

<div className="left-column">&lt;Lorenzo Codes

Answer 2

您可以執行以下操作：

<div className="left-column">{'<Lorenzo Codes'}

Answer 3

<div>{"<"} {">"} </div>