映射数组reactjs

Question

我有两个表，即表1和表2。

表1字段为表1Id，名称
表2字段为表2Id，表1Id

我有一个多阵列：

const [arr1, setarr1] = useState([]);
const [arr2, setarr2] = useState([]);

我需要映射这两个数组。

{arr2.map()......} return(
{arr2.name}
)

如何将名称字段从第一个表中获取到第二个表中？

预期输入

Table1
id: 1
name: MyTable
Table2
Table2Id: 1
Table1Id: 1

预期输出：

MyTable

Answer 1

筛选您的array以获得与特定id的每个匹配

function getNames(id) {
return arr1
.filter(item => item.id === id)
.map(item => item.name);
}

用法

arr2
.map(item => getNames(item.table1Id))
.reduce((prev, next) => prev.concat(next));

输出

["MyTable"]

我仍然不确定这是否是你想要的，但如果我弄错了，请告诉我。我很乐意帮忙。