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

Есть массив, необходимо вывести в каждом диве по 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>

Нужен максимально простой способ,как это сделать?
  • Вопрос задан
  • 200 просмотров
Пригласить эксперта
Ответы на вопрос 1
vahe_2000
@vahe_2000
проще этого я не знаю.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);

3897af90e101447299ec7070e16ee87c.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы