首页 > 解决方案 > 如何在 React 组件中添加版权符号?

问题描述

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

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

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

标签: javascripthtmlreactjs

解决方案


如果你用 HTML 编写你所拥有的内容并通过验证器运行它,它会报告:

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

大多数 HTML 解析器执行大量错误恢复。JSX 不是那么宽容。字符引用末尾的分号是强制性的:

<p>&copy;</p>

或者,直接使用版权标志:

<p>©</p>

推荐阅读