title: React JSX loop on Set() object
body: <p>I want to use Set object to store unique values. but by default we can't use Set.map() to make a loop on Set values in React and JSX.</p>
  
  <p>But with this trick I can store Set into states and make a loop on that :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;ul&gt;
  {
    Array.from(this.state.mySet).map((item, index) =&gt; (
      &lt;li key={index}&gt;{item}&lt;/li&gt;
    ))
  }
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So, Is the above trick correct and best practice to handle this issue ?</p>
  
  <p>In terms of performance and concepts ...</p>
  
  <p>Thanks</p>