Создать класс по его имени в react

Есть меню, каждому элементу прописан id: string, совпадающий с названием класса, соответствующим этому пункту меню. Каким образом можно подключить и создать класс в обработчике меню по указанному имени класса?


Ответы (1 шт):

Автор решения: Konstantin Modin

Возможно создать компонентны из массива например так:

const menu = [
  { id: 1, name: "abc" },
  { id: 2, name: "def" },
  { id: 3, name: "ghi" },
];

const MenuItem = ({ name }) => <div>{name}</div>;

далее в рендере:

 {menu.map((e) => (
      <MenuItem key={e.id} {...e} />
  ))}
→ Ссылка