title: Comma to New Line
body: <p>In React, how can I turn <code>,</code> characters into new lines?</p>
  <p>Suppose we have an array like this:</p>
  <pre class="lang-js prettyprint-override"><code>const items = [
      {
          label: &quot;Animals&quot;,
          value: &quot;Puppies, Kittens, Bunnies&quot;
      },
      // ...
  ];
  
  </code></pre>
  <p>And we display it like this:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;div&gt;
      {items.map(item =&gt; (
          &lt;div style=&quot;left&quot;&gt;
              {item.label}
          &lt;/div&gt;
          &lt;div style=&quot;right&quot;&gt;
              {item.value}
          &lt;/div&gt;
      ))};
  &lt;/div&gt;
  </code></pre>
  <p>How can I turn all <code>,</code> characters in the <code>value</code> keys of the array items into new lines?</p>
  <hr />
  <p>Current Output:</p>
  <pre><code>Animals    Puppies, Kittens, Bunnies
  </code></pre>
  <p>Desired Output:</p>
  <pre><code>Animals    Puppies
             Kittens
             Bunnies  
  </code></pre>