在多维数组Javascript中使用地图

Question

我有这组要转换为地图的数据：

x = [
    {
        food: 'Steak',
        ingredients: [
            {
                item1: 'pepper',
            },
            {
                item2: "salt",
            },
        ],
    },
    {
        food: 'Veggies'
    },
    {
        food: 'Fruits'
    },
];

这是我当前的map函数，问题是如何迭代成分？：

<div>
    {Object.keys(x).map(key => (
        <a key={key}>{x[key].food}</a>
    ))}
</div>

Answer 1

Answer 2

Answer 3