Строка Ant design rowSelection несовместима с extendedRowRender

Question

Я использую дизайн Ant, когда я использую и rowSelection, и extendedRowRender для таблицы, rowSelection работает некорректно, она всегда выбирает первую строку всякий раз, когда я выбираю любую строку. Когда я закомментирую extendedRowRender, 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>

Answer 1

У меня была одна и та же проблема, всегда выбиралась первая строка. Я определил, что возвращаю индекс строки в свойстве таблицы:

rowKey={(record, index) => index}

Меняя его на:

rowKey={(record, index) => record.id}

Решено для меня.