Im want to write copyright symbol in React ponent, but this doesnt work.

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

Im want to write copyright symbol in React ponent, but this doesnt work.

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

<p>&copy</p> works in HTML online editor.

• javascript
• html
• reactjs

• Have you tried <p> &#169; </p> – The KNVB Commented Sep 21, 2021 at 9:08
• You're missing a ; – Silviu Burcea Commented Sep 21, 2021 at 9:09
• you missed the ; &copy; – Bravo Commented Sep 21, 2021 at 9:09
• © Foo - 2021 – DecPK Commented Sep 21, 2021 at 9:09
• 1 You can use the unicode if you'd prefer: <p>{'\u00a9'}</p>. – Andy Commented Sep 21, 2021 at 9:11

3 Answers 3

If you wrote what you had in HTML and ran it through a validator it would report:

Error: Named character reference was not terminated by a semicolon. (Or & should have been escaped as &.)

Most HTML parsers perform a lot of error recovery. JSX is not so forgiving. The semi-colon on the end of a character reference is mandatory:

<p>&copy;</p>

Alternatively, just use a copyright sign directly:

<p>©</p>

You can use © for the copyright symbol in React ponent.

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

use this tag it works event i used the same in HTML: &copy in JSX : © or direct ©