Question

我正在使用antd Table组件，因此例如可以在文件中定义这些常量

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',
  },
];

然后渲染表格

<Table dataSource={dataSource} columns={columns} />;

现在的问题是，当我尝试在其他文件中定义这些常量，正确地导出和导入时，Table组件无法呈现。控制台读取Uncaught ReferenceError: item is not defined。我该怎么解决？

这些是导出和导入语句。

{
    key: '1',
    name: 'Mike',
    age: 32,
    address: '10 Downing Street',
  },
  {
    key: '2',
    name: 'John',
    age: 42,
    address: '10 Downing Street',
  },
];

export const columns = [
{
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
];

import { dataSource, columns } from '../constants';

Answer 1

请参阅https://www.robvanderwoude.com/battech_inputvalidation_setp.php如何正确初始化表，您需要在dataIndex对象中拥有columns属性。

在Table API中，指定如何序列化dataSource，因此对应的dataIndex将采用Mike之类的值，而key属性将采用{ {1}}。

dataIndex-数据记录的显示字段，可以设置为a.b.c

'1'

如何呈现表组件的导入数据

1 个答案: