在react中将数组映射到表的一行
基本上，我收到的数据是这样的。
{
"data": [
{
"_id": "603a651e22",
"name": "name 1",
"state": "F",
"createdAt": "2021-02-25T17:13:42.218Z",
"participants": [
{
"name": "something",
"email": "dasds@gmail.com"
},
{
"name": "something 2",
"email": "dasds@gmail.com"
}
]
},
{
"_id": "sdfhfh312312",
"name": "name",
"state": "F",
"createdAt": "2021-02-26T18:43:49.240Z",
"participants": [
{
"name": "something",
"email": "dasds@gmail.com"
},
{
"name": "something 2",
"email": "dasds@gmail.com"
}
]
}
]
}
我试着在React 16.9中以表格的形式显示它，如下所示。
<Table responsive>
<thead>
<tr>
<th>#</th>
<th>name</th>
<th>state</th>
<th>created</th>
<th>participants</th>
</tr>
</thead>
<tbody>
{data.map((item, index) => {
return (
<tr key={index}>
<th scope="row">{item._id}</th>
<td>{item.name}</td>
<td>{item.state}</td>
<td>{GeneralFunctions.format_all(item.createdAt || '')}</td>
<td>{item.participants}</td>
</tr>
);
})}
</tbody>
</Table>
我的问题是参与者通常是一个对象数组，并且不显示，我的问题是我如何能够显示或映射对象数组到表的一行。
共有1个答案
您需要循环参与者的密钥。试试这个
Object.keys(item.participants).map(key => <span>{item.participants[key].name}</span>)
-
假设我有一个包含一些对象的数组。 出于好奇，是否可以将流映射到它们在原始数组中的位置？例如，在这种情况下将其映射到1,2,3,4？ 我想这样的事情是行不通的。
-
我可以改进我的代码并将for循环替换为array.map? 我搜索了一下，我想我可以做到，但我没有找到如何应用它。 这是我的发现: 我的代码在这里：
-
我正在尝试将我的对象[]数组映射并过滤到int[]数组。如果对象是int，效果很好，但如果不是int，则抛出强制转换异常。我想知道我是否可以在lambda表达式中附加一个try/catch？这是我的代码： 或者更好的方法是试着抓住整个街区？
-
问题内容： 是否可以配置Hibernate将组件类存储在单独的表中？ 请看以下示例： 这映射到一个具有两列和的表。我想要的是将组件的属性映射到名为的表。 我 不 希望做的是配置在本身（它有没有意义的身份之外的实体），所以排除了正常的关联。另外，我无法修改对象模型（它是生成的代码），因此不能向引入ID属性。 这似乎是Hibernate功能上的一个空白- 映射执行“多个类到一个表”，而 执行“一个类到
-
使用一个函数将数组的值映射到对象，其键值对中，原始值作为键，映射值作为值。 使用一个匿名的内部函数作用域来声明一个 undefined 的内存空间，使用闭包来存储返回值。 使用一个新的 Array 来存储带有函数映射的数组和一个逗号运算符来返回第二个步骤，而不需要从一个上下文移动到另一个上下文（由于闭包和操作顺序）。 const mapObject = (arr, fn) => (a => (
-
问题内容： 我有一个用于向用户提供数据的组件。例如。该组件可以调度某些方法（例如，按操作）。我目前正在使用一种方法来映射到。派遣后有办法吗？ 问题答案： 据我了解，您要做的就是将组件的props转换为组件自己的状态。您总是可以像这样在组件的生命周期方法中将组件的props更改为组件的状态。 每当有新的道具进入组件时，方法总是由react执行，因此这是根据道具更新组件状态的正确位置。 更新： The