我無法做到這一點，我附上了下面的代碼，請告訴我這里有什么問題？
在添加之前expandedRowKeys，onExpand它正在擴展所有表行，但在實施之后，它甚至沒有打開一行
<Table
rowkey="id"
size="small"
columns={groupsPackageColumns}
dataSource={roomPackages}
className="taglist-table"
expandable={{
expandedRowRender: (record) => (
<Table
rowKey="id"
columns={nestedTagsColumn}
dataSource={record.tags}
className="ant-table-container"
/>
),
expandedRowKeys: activeExpRow,
onExpand: (expanded, record) => {
const keys = [];
if (expanded) {
keys.push(record.id);
}
setActiveExpRow(keys);
},
}}
/>
uj5u.com熱心網友回復：
我不確定你roomPackages的資料結構。但它應該包含key財產。并推送record.key而不是record.id
如果dataSource資料不包含key屬性，您將收到以下錯誤。
因此，我們需要修改資料，因為它包含key屬性。我制作了可用的 Codesandbox。
https://codesandbox.io/s/expandable-row-antd-4-17-4-forked-41rd3?file=/index.js
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/390290.html
標籤：javascript html css 反应 蚂蚁