Generating Characters

You can generate UTF-16 characters in ES6 using String.fromCharCode(), which takes one or more UTF-16 codes as input and returns the unicode character(s) specified.

// hex code input
let copyright = String.fromCodePoint(0x00A9);
// "©"

// decimal code input
let copyright = String.fromCodePoint(0169);
// "©"

Here is a list of the codes for common characters I’ve seen used in websites:

If you need a symbol not listed above, see the HTML5 Character Reference, or the List of Unicode Characters.

Using with React Components

After generating the character as a constant, just insert it into your JSX as needed.

import React from 'react';

const copyrightMessage = () => {

  const copyright = String.fromCodePoint(0x00A9);
  const year = '2020';
  const companyName = 'Company Name';

  return (
    <span>
     {`${copyright} ${year} ${companyName}`}
    </span>
  );
};

export default copyrightFooter;

See also JSX Gotchas for more approaches.