Когда в методе render React.JS отрисовываю список, и хочу отобразить только например 'name', выводить id елем. +name, с чем это связано?

Question

[Alex Polyakh]

Код который я написал тут: https://stackblitz.com/edit/react-7bygb1?file=index.js.
Использую Immutable.js, в метод передаю id объекта который хочу удалить, остальные элементы вывожу методом map.

Answer 1

[Антон Спирин]

Вам необходимо перед вызовом map преобразовать OrderedMap в массив. Для этого можно использовать метод toArray:

return arr.delete(id).toArray().map(item => <li key={item.id}>{item.name}</li>);

Comments

[Alex Polyakh]

Антон, спасибо Вам за помощь. Очень лаконичное решение.

Answer 2

[Максим]

Насколько я понял, это связано с работой OrderedMap.
OrderedMap.map по умолчанию возвращает не массив, а объект.

Comments

[Alex Polyakh]

Максим, спасибо Вам. Очень подробно всё описали.

Answer 3

[0xD34F]

Пытаетесь выводить OrderedMap вместо нативного js-объекта. Надо бы преобразовать - для этого есть метод toJS:

renderContent = (arr, id) => {
  return Object.values(arr.delete(id).map(item => <li key={item.id}>{item.name}</li>).toJS())
}

Comments

[Alex Polyakh]

Спасибо Вам за помощь, всё рендерит как нужно. Не обычное для меня решения, даже не знал про метод 'values'.