该错误通常是由于升级到Ant Design v5后,Table组件使用导入方式不正确引起的。以前的版本中使用“import {Table} from 'antd'”来导入Table组件,而在 Ant Design v5中使用“import Table from 'antd/lib/table'”。以下是正确的使用示例:
import React from 'react';
// 正确的导入方式
import Table from 'antd/lib/table';
// import { Table } from 'antd'; // 以前的导入方式在 Ant Design V5 中不再可用
const dataSource = [
{
key: '1',
name: 'Mike',
age: 32,
address: '10 Downing Street',
},
{
key: '2',
name: 'John',
age: 42,
address: '10 Downing Street',
},
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
];
const Demo = () => {
return
;
};
export default Demo;