ReactJS стоит ли в этой ситуаций использовать forEach вместо map?

Question

[gomerIT]

В компонент я передаю массив объектов.
products = [{...},{...},{...}]

function GameProducts({products}) {
  products.map((items) => {
     <GameProduct product={items} />
  });
}

function GameProduct({product}) {
     const {img, title, desc, price, date} = product;
    // ... рендеринг
}

Не совсем еще понял разницу map и forEach. Map должен что то возвращать как функция, в примере по сути возвращаю jsx, верно или же все таки тут подойдет forEach? Просто не хочется говнокодить(

Comments

[Пашенька]

Мар возвращает новый массив, применяя коллбек функцию к каждому итерируемому элементу, дабы что-то с ним сделать. В фориче можно реализовать любую логику, он более низкоуровневый.

[WbICHA]

function GameProducts({products}) {
  products.map((items) => {
     <GameProduct product={items} />
  });
}

Тебе сейчас расписать почему эта функция не будет работать как надо или подождать?

[G F]

Пожалуйста, поработай над неймингом. Если ты мапаешься по массиву продуктов, то передавай в колбек product соответственно, а не непонятные items.

[webdisigner]

как можно изучать реакт не зная обычного функционала js...............

Answer 1

[n1ksON]

Этот код работать не будет, так как он ничего не возвращает.

products.map((items) => {
     <GameProduct product={items} />
  });

Либо сделайте так => ({}), либо так =>:

products.map(items => 
     <GameProduct product={items} />
);

Если у вас массив объектов, которые содержат в себе информацию о повторяющихся блоках, то правильно будет использовать метод map. Что вы и делаете, всё верно.

Метод forEach обычно используют для выполнения сложной логики, связанной с изменением/преобразованием массива.