React 中的 Antd Table

Question

我正在 React 中使用 antd 创建一个 React 应用程序。我想创建一个 Antd Table.

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

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

name:["firstName","lastName"]

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

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"]}</>
        }
 ];

React 中的 Antd Table

Antd Table in React

reactjs

antd