ReactJS：如何在表达式中打印 html 符号

ReactJS: How to print html symbols within expressions

目标（摘要）

我希望 {'&lt;'} 呈现为 < 而不是 &lt;。

手头的实际问题：

let value1 = '&lt;'
let value2 = '&gt;'

return (<div>
            {mycondition ? value1 : value2}
        </div>
       )

我试过了

我试过 {<>&lt;</>} 和 <>{&lt;}</>，但都没有用。

试试这个：

{<>&#60;</>} //<--- This will print <

{<>&#62;</>} //<--- This will print >

问题很可能是将字符串解释为实际文本而不是 HTML 实体，因此它们在呈现之前被转义。

根据 的回答，您可能希望将它们包装在 React 片段中，以便将它们视为实际的 HTML 实体。别忘了您还可以将 JSX 值存储在变量中，因此您的代码可以重新格式化为：

let value1 = <>&lt;</>;
let value2 = <>&gt;</>;

return (<div>
        {mycondition ? value1 : value2}
    </div>
);