Как вывести каждые 3 элемента в свой див?

Question

[Иосиф Копейкин]

Есть массив, необходимо вывести в каждом диве по 3 элемента, чтобы код был вот таким:

<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>

Нужен максимально простой способ,как это сделать?

Comments

[Aves]

https://jsfiddle.net/6458yv32/1/

Answer 1

[Ваге]

проще этого я не знаю.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);

Comments

[Иосиф Копейкин]

Спасибо. Вы нам очень помогли.