table 中的rowkey使用时间戳代码
时间: 2024-03-09 16:51:33 浏览: 22
以下是一个示例代码,演示如何在 Table 组件中使用时间戳作为 rowKey 的值:
```jsx
import React, { useState } from 'react';
import { Table } from 'antd';
const dataSource = [
{ id: 1, name: 'John', age: 32 },
{ id: 2, name: 'Mike', age: 28 },
{ id: 3, name: 'Lisa', age: 25 },
];
const App = () => {
const [data, setData] = useState(dataSource);
const handleDelete = (record) => {
setData(data.filter((item) => item.id !== record.id));
};
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Action',
key: 'action',
render: (_, record) => (
<a onClick={() => handleDelete(record)}>Delete</a>
),
},
];
return (
<Table
dataSource={data}
columns={columns}
rowKey={(record) => Date.now()} // 使用时间戳作为 rowKey 值
/>
);
};
export default App;
```
在这个示例代码中,我们使用 Date.now() 方法来生成一个时间戳作为 rowKey 的值。在 handleDelete 方法中,我们通过 filter 方法来从数据源中删除指定的行数据。这个示例代码可以作为参考,帮助您在 Table 组件中使用时间戳作为 rowKey 的值。