求助:antd Table组件 render: (text, record) => {} 和 => () 有什么不同?

我使用了Table组件,其中一列是个数组:

 {
    title: '共享用户',
    render: (text, record) => (
        <span>
            {
                record.shareids.map((item, index) => {
                    return <span key={index}>{item.name}</span>
                })
            }
        </span>
    )
}

这么写是有效的,可以渲染。

 {
    title: '共享用户',
    render: (text, record) => {
        record.shareids.map((item, index) => {
            return <span key={index}>{item.name}</span>
        })
    }
}

这么写渲染无效,没有渲染dom。

请问这到底有什么不同???

阅读 8.6k
2 个回答

这两个是一样的。相当于少了个 return

render: (text, record) => {
    return (
        <div>
            ...
        </div>
    )
}

render: (text, record) => (
    <div>
        ...
    </div>
)

区别在于一个最外层只有一个节点 另一个是一堆

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题