Javascript 如何在同一场景中渲染对象数组<；李>；加入反应？

我有一些嵌套数组。类似这样的内容：[数组（2），数组（2），…]

每个子阵列包含两个带有“文本”道具的对象

现在我想将每个子阵列的对象道具渲染为一个

标记，如下所示：

1. Array <li key={}>{obj.text - obj.text}</li>
2. Array <li key={}>{obj.text - obj.text}</li>

1。数组
{obj.text-obj.text}
2.数组
{obj.text-obj.text}

等等

我尝试过这个，但它只是将每个obj.text呈现为不同的行

array.map(nested => nested.map(item => <li key={item.key}>{item.text}</li>) 

array.map（nested=>nested.map（item=>
{item.text}
）

---

我该怎么做呢？谢谢。

使用

array.map（）

迭代数组，但是不要迭代子数组，而是手动提取两个项，并在列表项中呈现它们。您可以使用或括号表示法

注意：由于这两个项都有键，我将两者结合起来创建列表项的键。您也可以只使用第一个或第二个项

array.map(([a, b]) => <li key={`${a.key}-${b.key}`}>{a.text} - {b.text}</li>)

array.map（[a，b]）=>
{a.text}-{b.text}
）

您正在将嵌套数组映射到li项。请尝试将

标记向上移动一个级别，并将嵌套数组映射到相同的

array.map(([a, b]) => <li key={`${a.key}-${b.key}`}>{a.text} - {b.text}</li>)