expandedRowRender不兼容Ant设计表rowSelection
expandedRowRender不兼容Ant设计表rowSelection
提问于 2020-04-08 17: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 19:35:16
我也有同样的问题，总是选择第一行。我确定我正在返回表的属性中的行的索引：
rowKey={(record, index) => index}
将其更改为：
rowKey={(record, index) => record.id}
为我解决了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61097418
复制相关文章
相似问题
腾讯云开发者
