在使用antd的Table的时候,需要传入嵌入式datasource,但是为何获取不到数据展示?

请问,在使用antd的Table的时候,需要传入嵌入式datasource,但是获取不到数据展示:

import { Table } from 'antd';

type DataSourceItem = typeof dataSource[number];

// 定义 columns
export const columns = [
  {
    title: '名称',
    dataIndex: ['properties', 'Name', 'title', 'plain_text'],
    key: 'Name',
    onCell: (record: DataSourceItem, index? :number) => ({
      children: record.properties.Name.title[0].plain_text
    })
  },

  {
    title: '创建时间',
    dataIndex: 'created_time',
    key: 'created_time',
  },
  {
    title: '更新时间',
    dataIndex: 'last_edited_time',
    key: 'last_edited_time',
  },
]



// 示例数据
const dataSource = [
  {
      "object": "page",
      "id": "18adeaa8-cb4b-8068-94b6-ca75a2096bfe",
      "created_time": "2025-01-29T08:11:00.000Z",
      "last_edited_time": "2025-01-30T08:09:00.000Z",
      "created_by": {
          "object": "user",
          "id": "ccbde935-1e61-4dbd-acb7-6d3fd5740558"
      },
      "last_edited_by": {
          "object": "user",
          "id": "ccbde935-1e61-4dbd-acb7-6d3fd5740558"
      },
      "cover": null,
      "icon": null,
      "parent": {
          "type": "database_id",
          "database_id": "18adeaa8-cb4b-8052-a124-d52a5b0b6aed"
      },
      "archived": false,
      "in_trash": false,
      "properties": {
          "selected": {
              "id": "NKfq",
              "type": "number",
              "number": 1
          },
          "desc": {
              "id": "NLFS",
              "type": "rich_text",
              "rich_text": []
          },
          "proj_id": {
              "id": "PyCW",
              "type": "rich_text",
              "rich_text": [
                  {
                      "type": "text",
                      "text": {
                          "content": "18adeaa8cb4b807b8401c53bc4c3af7d",
                          "link": null
                      },
                      "annotations": {
                          "bold": false,
                          "italic": false,
                          "strikethrough": false,
                          "underline": false,
                          "code": false,
                          "color": "default"
                      },
                      "plain_text": "18adeaa8cb4b807b8401c53bc4c3af7d",
                      "href": null
                  }
              ]
          },
          "Name": {
              "id": "title",
              "type": "title",
              "title": [
                  {
                      "type": "text",
                      "text": {
                          "content": "proj_test01",
                          "link": null
                      },
                      "annotations": {
                          "bold": false,
                          "italic": false,
                          "strikethrough": false,
                          "underline": false,
                          "code": false,
                          "color": "default"
                      },
                      "plain_text": "proj_test01",
                      "href": null
                  }
              ]
          }
      },
      "public_url": null,
      "key": "18adeaa8-cb4b-8068-94b6-ca75a2096bfe"
  }
]

const App = () => {
  return <Table dataSource={dataSource} columns={columns} />;
};

export default App;

结果:
image.png

请问这个是什么原因导致的呢?没有看到有报错的信息。
我怀疑这里有问题:因为title是一个数组:

dataIndex: ['properties', 'Name', 'title', 'plain_text'],
阅读 1.5k
1 个回答
✓ 已被采纳
- dataIndex: ["properties", "Name", "title", "plain_text"],
+ dataIndex: ["properties", "Name", "title", "0", "plain_text"],
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏