Как в переборе цикла разместить часть элементов в другом блоке?

Question

[Mesuti]

Привет!
Как оставить первые три элемента как есть, а оставшиеся разместить в другой блок .red ?
https://codesandbox.io/s/icy-pond-lte5l?file=/src/...

Comments

[Dima Polos]

Я бы редьюсом прошелся, в качестве аккумулятора взял бы массив из двух массивов, внутри разделил бы отрендеренные компоненты в разные отсеки аккумулятора, а результат редьюса присвоил диструктуризацией в отдельные переменные, после чего в шаблоне компонента просто подставил бы их.

const [firstBar, secondBar] = arr.reduce((acc, el) => {
  const [first, second] = acc;
  if( something ){ first.push(<div key={el.id}>el.text</div>) }
  else { second.push(<div key={el.id}>el.text</div>) }
}, [[], []]);

return (
  <div>{firstBar}</div>
  <div>{secondBar}</div>
);

[Mesuti]

Dima Polos, Спасибо за ответ.
Буду пробовать.

[Владимир]

Mesuti, Не уверен в том, что использовать редьюс для того, чтобы разделить массив при наличии родных методов - хорошая идея.

Answer 1

[Владимир]

Проблема то в чем? Не хватает знаний чтобы разделить массив на два?
https://developer.mozilla.org/en-US/docs/Web/JavaS...
https://developer.mozilla.org/en-US/docs/Web/JavaS...
Выбирай на вкус

Comments

[Mesuti]

Спасибо, что напомнили!