Как правильно добавлять n число массивов в 1 итерации и div обертку при каждой 5 итерации?

Question

[Александр]

Есть массив, приходит большее количество, допустим 100 штук.
Мне нужно в один слайдер запихать по n количество этих массивов, например 5 штук. и оборачивать в див.В общем что б получался 1 слайд. Использую библиотеку react-slick

<Slider {...settingsSlider}>
{data.map((elem, i)=> (
                  <div className="slider_coin">
                    <div className="slider_coin_icon">
                      <img src={elem.icon} alt="" />
                    </div>
                    <div className="slider_coin_info">
                      <h4>{elem.name}</h4>
                      <p>{elem.price_usdt} $ {elem.percent_change > 0 ?
                        <span className='distributionSchedule_green'>
                          +{elem.percent_change?.toFixed(1)}%
                        </span>
                        :
                        <span className='distributionSchedule_red'>
                          {elem.percent_change?.toFixed(1)}%
                        </span>
                      }</p>
                    </div>

                  </div>
                ))
                }
  </Slider>

С таким подходом по 1 элементу выводит, что логично.А нужно больше в 1 слайде, что-то не доходит до меня, как правильно

Comments

[sinneren]

slidesToShow: 3,
slidesToScroll: 3

ну а если строго по воросу, даже тут уже есть решение
{elem.percent_change > 0 ? ... : ... }
в чём проблема i проверять i % 5 и так же выводить

[Александр]

sinneren, остаток от деления не выходит. в общем вывел по 3 в ряд ...