我有两个数组,一个是简单数组,另一个是对象数组。
以下是阵列:-
arr1=["aadhar", "address", "email", "mobile", "name", "pancard", "voterid"];
arr2=[ {
"id": 21,
"name": "johndoe",
"email": "hello@gmail.com",
"address": "test address",
"voterid": "12131313",
"mobile": "1211313",
"aadhar": "213123131313",
"pancard": "HYG579AA"
},
{
"id": 24,
"name": "johndoe3",
"email": "hello1@gmail.com",
"address": "test address",
"voterid": "12111313",
"mobile": "1211313",
"aadhar": "112313131313",
"pancard": "YHUIHU88"
}];
我想将arr2Map到arr1中,以使用第一个arr1获取值。这就是我所尝试的:
{arr2.map((item) => {
return (
<Tr key={item.id}>
{arr1.map((itx) => {
return <Td>{item.itx}</Td>;
})}
}
我希望项目Map如下:-
item.aadhar
item.address
item.email
item.mobile
and so on...
但我无法在dot之后使用itx或arr1,即item.itx(未使用itx)。
如果有什么办法,一定要告诉我。
2条答案
按热度按时间ztyzrc3y1#
也许这更具可读性。。。
q5lcpyga2#
不要将数据操作逻辑与react组件布局逻辑纠缠在一起。写一份单独的报告
pick(obj, fields)
作用-现在您可以轻松地编写表格了-
下面是一个完整的示例,您可以在自己的浏览器中运行和验证-
下面是一个包含列标题的替代示例-