Question

我正在使用React中的antd创建一个react应用程序。我想创建一个Antd表。

我遵循以下语法：https://ant.design/components/table/#components-table-demo-jsx

在dataSource中，我不想要像firstName或lastName这样的单独名称。我想要一个数组对象

name:["firstName","lastName"]

问题是我无法在<Column />标记内的<Table />标记中加载或呈现此数据。

Answer 1

您可以像这样自己渲染列

<Column
    title="First Name"
    key="firstName"
    render={(text, record) => (
        <div>{record.name[0]}</div>
    )}
/>

Answer 2

const columns = [
        { 
            title: 'Name', 
            dataIndex: ['firstName', 'lastname'],
            key: 'firstName',
            render: (row) =><> {row["firstName"]} {row["lastname"]}</>
        }
 ];

反应中的Antd表

2 个答案: