Как перебрать массив в объекте?

Question

[Hellas]

Имеется следующий объект:

const anyIcons = {
  people: [
    {code: "x1f600", title: "qwer"},
    {code: "x1f656", title: "rewq"}
  ],
  nature: [
    {code: "x2f700", title: "erqw"},
    {code: "x4f676", title: "wqer"}
  ]

Необходимо сделать следующее:

{anyIcons.map((type, icons) =>
  <Category>
    <CategoryType>
      {type === 'people' && 'PEOPLE'} 
      {type === 'nature' && 'ANIMALS & NATURE'}
    </CategoryType>
    {icons.map(icon =>
      <RedactorEmojiItem data={icon.code}>{icon.title}</RedactorEmojiItem>
    )}
  </Category>
)}

Но, естественно, что {anyIcons.map((type, icons) => ... в данном примере не работает.

Answer 1

[0xD34F]

{Object.keys(anyIcons).map(type => (
  <Category>
    <CategoryType>
      {type === 'people' && 'PEOPLE'} 
      {type === 'nature' && 'ANIMALS & NATURE'}
    </CategoryType>
    {anyIcons[type].map(icon => (
      <RedactorEmojiItem data={icon.code}>{icon.title}</RedactorEmojiItem>
    ))}
  </Category>
))}

Answer 2

[Петр Мухуров]

lodash
Удобная вещь, модульный импорт, не стоит париться на счет многих вещей + куча функционала.
import map from 'lodash/map';

map(anyIcons, type =>...)