javascript - Object.keys() 返回在 Ant Design 表列渲染中不起作用

Question

我正在尝试渲染 Ant Design table具有人员专栏，应如下所示:

Adults: 2 Children: 3

这是一个示例 dataSource 对象:

{
    id: 'KRO066',
    key: 'KRO066',
    date: '01/01/2020',
    people: { adults: 2, children: 3 },
    status: 'Confirmed',
    total: '563.25',
}

这是我的 column 对象中的人员列渲染函数:

{
    title: 'People',
    dataIndex: 'people',
    key: 'people',
    render: people => Object.keys(people).forEach(function (type, i) {
        return <span key={i}><strong>{type}:</strong>{people[type]}</span>;
    })

}

该列不返回任何内容，而是得到一个空单元格。

渲染函数出了什么问题？

Answer 1

使用Object.keys(people).map而不是Object.keys(people).forEach

在问题评论中注明@Hamms