title: Escape Character Cannot Working in ReactJS Map Looping
body: <p>I have file call <strong>ArrayCustomer.js</strong> contains ARRAY like this:</p>
  
  <pre><code>const ArrayCustomer = [
    {
      index:1,
      kondisi: 'Daftar Baru',
      badge: 'badge btn-warning',
    },
    {
      index:2,
      kondisi: 'Pelanggan dibawah 10m&amp;lt;sup&amp;gt;3&amp;lt;/sup&amp;gt;',
      badge: 'badge btn-secondary',
    },
  ]
  
  export default ArrayCustomer
  </code></pre>
  
  <p>then I Import that <strong>Array</strong> to my Component call <strong>EditCustomer.js</strong> <br/>and in <strong>form input</strong> I loop use map for showing <strong>kondisi</strong> like this:</p>
  
  <pre><code>&lt;FormGroup&gt;
    &lt;Label for="status"&gt;Status Pelanggan&lt;/Label&gt;
    &lt;Input
      required
      value={this.state.status}
      onChange={this.handleChange}
      type="select"
      name="status"
      id="status"
    &gt;
      ArrayCustomer.map(item =&gt; (
      &lt;option value={item.index}&gt;{item.kondisi}&lt;/option&gt;) ) }
    &lt;/Input&gt;
  &lt;/FormGroup&gt;;
  
  </code></pre>
  
  <p>but the Escape Character Does'nt showing as HTML/JSX Tag.
  I Stack because of this, I hope you can help me. Thanks.</p>