antd 5.2.2 获取Table 的 dataSource
时间: 2024-02-02 11:05:09 浏览: 67
antd-table-react.zip
你可以通过 Table 组件的 props 中的 dataSource 属性来获取 Table 的数据源。例如:
```
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
];
function App() {
return (
<Table dataSource={dataSource}>
<Column title="Name" dataIndex="name" key="name" />
<Column title="Age" dataIndex="age" key="age" />
<Column title="Address" dataIndex="address" key="address" />
</Table>
);
}
```
在这个例子中,dataSource 就是 Table 的数据源,你可以对这个变量进行操作来改变 Table 中的数据。
阅读全文