How to display every 3 elements in your div?

Question

React

There is an array, you need to display 3 elements in each div so that the code is like this:

<div class="row">
<div>element</div>
<div>element</div>
<div>element</div>
</div>
<div class="row">
<div>element</div>
<div>element</div>
<div>element</div>
</div>

Need the easiest way to do it?

Answer 1

easier than that, I don't know. https://jsfiddle.net/vaheqelyan/fsc6qweh/

class App extends React.Component {
  state = { arr: ["hello", "world", "wow", "react"] };
  render() {
    return (
      <section>
        {this.state.arr.map(v => (
          <div className="row">
            <div>element</div>
            <div>element</div>
            <div>element</div>
          </div>
        ))}
      </section>
    );
  }
}

ReactDOM.render(<App />, document.body);