React 中的 Antd 表

Question

我正在 React 中使用 antd 創建一個 React 應用程序。 我想創建一個 Antd 表。

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

在數據源中，我不想要像 firstName 或 lastName 這樣的單獨名稱。 我想要一個數組對象

name:["firstName","lastName"]

問題是我無法在<Table />標簽內的<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"]}</>
        }
 ];