如何在 React 组件中添加版权符号？答案

【问题标题】：How to add copyright symbol in React component?如何在 React 组件中添加版权符号？
【发布时间】：2021-09-21 09:06:00
【问题描述】：

我想在 React 组件中写版权符号，但这不起作用。

function Footer() {
  return (
    <footer>
      <p>&copy</p>
    </footer>
  );
}

<p>&copy</p> 在 HTML 在线编辑器中工作。

【问题讨论】：

【解决方案1】：

如果你用 HTML 编写你的内容并通过 validator 运行它，它会报告：

错误：命名字符引用未由分号终止。（或者&amp; 应该被转义为&amp;。）

大多数 HTML 解析器执行很多错误恢复。 JSX 不是那么宽容。 character reference 末尾的分号是强制性的：

<p>&copy;</p>

或者，直接使用版权标志：

<p>©</p>

【讨论】：

【解决方案2】：

function Footer() {
  return (
    <footer>
      <p>&copy;</p>
    </footer>
  );
}

【讨论】：

【解决方案3】：

【讨论】：