dataSource是一个对象 里面包含数组 里面再是对象 怎么拿这个最里面的对象的值
时间: 2024-04-16 22:27:07 浏览: 19
如果 `dataSource` 是一个对象,其中包含一个数组,数组的元素又是对象,你可以通过以下方式获取最里层对象的值:
```jsx
import React from 'react';
import { Table } from 'antd';
const dataSource = {
data: [
{
id: 1,
name: 'John',
age: 25,
},
{
id: 2,
name: 'Jane',
age: 30,
},
],
};
const columns = [
{
title: 'ID',
dataIndex: 'id',
key: 'id',
},
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
render: (text, record) => {
// 使用 record.age 获取最里层对象的 age 字段的值
return <span>{record.age}</span>;
},
},
];
const MyTable = () => {
return <Table dataSource={dataSource.data} columns={columns} />;
};
export default MyTable;
```
在这个示例中,我们将 `dataSource` 修改为一个对象,其中的数据数组被放在了 `data` 字段中。然后,我们在 `Table` 组件中通过 `dataSource={dataSource.data}` 将数据源传递给表格组件。
在 `render` 函数中,我们可以通过 `record.age` 来获取最里层对象的 `age` 字段的值。
希望这个示例对你有所帮助!如果有任何进一步的问题,请随时提问。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)