expandedRowRender不兼容Ant设计表rowSelection
提问于 2020-04-08 09:26:55
我使用的是Ant设计，当我对一个表同时使用rowSelection和expandedRowRender时，rowSelection不能正常工作，每当我选择任何一行时，它都会选择第一行。当我注释掉expandedRowRender时，rowSelection又可以工作了。
<Table
pagination={{
hideOnSinglePage: true,
}}
expandedRowRender={record => {
const changeOrder = newOrderValue => {
record = newOrderValue;
};
return (
<div className='order-management__table__expandable'>
<TableOrderDetail orders={[record]} changeOrder={changeOrder} />
</div>
);
}}
rowSelection={{ rowSelection }}
columns={columns}
dataSource={orders}
></Table>
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-17 11:35:16
我也有同样的问题，总是选择第一行。我确定我正在返回表的属性中的行的索引：
rowKey={(record, index) => index}
将其更改为：
rowKey={(record, index) => record.id}
为我解决了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61097418
复制相关文章
![[技巧]如何在Google Chrome中启用Windows MR支持？](https://ask.qcloudimg.com/http-save/yehe-1494428/w1al5mhmhq.jpeg)
![[干货] 一文介绍如何训练GPT2，让自己的数据会说话](https://developer.qcloudimg.com/column/article/9501202/20231002-a4779bf2.jpg)
点击加载更多
腾讯云开发者
