显示 HTML 特殊字符 > 和 |在反应答案

【问题标题】：Display HTML special character > and | in React显示 HTML 特殊字符 > 和 |在反应
【发布时间】：2021-10-01 01:39:32
【问题描述】：

我正在开发我的 React 投资组合网站，我的导航栏左侧有文本“投资组合”。

<NavLogo to="/"> portfolio.</NavLogo>

没关系，但我希望文本看起来像这样，> 投资组合| 但是，react 不允许使用 > 和 |字符，这会引发错误。我该如何解决？

【问题讨论】：

【解决方案1】：

您可以使用它们各自的 HTML 代码：

<div className="App">
      <p>&gt; Portfolio</p>
      <p>&#124; Portfolio</p>
    </div>

另外，| 在codesandbox 中对我来说效果很好，没有符号的事件。

【讨论】：

【解决方案2】：

您应该使用此代码并以开头并以 ; 结尾

<NavLogo to="/">&#8595; portfolio.</NavLogo>

【讨论】：

【解决方案3】：

有一些保留字符如果直接使用可能无法按预期工作。因此，您可以使用以下方法来解决该问题：

&gt; or &#62; for ">"   and   &#124; for "|"


<div>&gt; portfolio &#124;</div>

<div>{`>portfolio|`}</div>

【讨论】：