title: Reactjs have <div> wrapper the elements on every 4th elements
body: <p>React group 4 items in a div with class row. At the moment you can see below I have a <code>&lt;div&gt;</code> group around the articles.</p>
  
  <pre><code>// articles is array of article object
  &lt;div className="row"&gt;
      &lt;section className="section--6-or-4-items section-featured campaign-teasers"&gt;
          {articles.map(item =&gt; &lt;Teaser {...item} key={item.id} /&gt;)}
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Should I create a new component which have <code>&lt;div&gt;</code> wrapper around and only accept 4 arrays at a time to render out the articles.</p>