Все рецепты

Одна карточка — это начало, а теперь вся книга. Покажите карточки всех рецептов, а в каждой карточке — список её ингредиентов:

Томатный суп
Время: 15 мин
Ингредиентов: 4
• помидоры
• лук
• чеснок
• базилик

Оба списка делаются через map(), и обоим нужны ключи. У рецептов есть id. Ингредиенты — обычные тексты без идентификаторов, но в одном рецепте ингредиент не встречается дважды, поэтому каждый текст может быть собственным ключом.

Список внутри списка для React ничего особенного не значит: каждый RecipeCard проходит по ингредиентам своего рецепта, а App знать о них не нужно. В этом и польза компонентов: каждый заботится о своей части страницы.

Когда всё правильно, консоль пуста: предупреждений о ключах нет.