title: How to display Emoji in React App
body: <p>I would like to display emojis on my webpage in a react chat app. The plan is to give the user a list of emojis to select from. How do I use the codes like '1F683' and have them display the emoji on the page? I need to support Chrome. </p>
  
  <p>I am able to use css to show the emoji. </p>
  
  <pre><code>&lt;div className="smiley"&gt;&lt;/div&gt;
  
  .smiley:after {
      content: "\01F683";
  }
  </code></pre>
  
  <p>I can also have a list of images and map them to the code and display an img element per emoji. </p>
  
  <p>Is there another way and which is the best way to do this?</p>