reactjs - React antd expandRowRender-一次只能打开一行

我创建了一个反应表并使用ant design。

有没有采用蚂蚁设计的解决方案，允许expandedRowRender函数一次仅允许一行。

如果要扩展一行，我想隐藏所有其他扩展图标。

最佳答案

这很简单。您将需要利用expandedRowKeys组件的<Table />属性。该属性存储当前已扩展的行键的值。因此，我们要做的只是在其上设置当前的扩展行键，然后删除其他任何键。

render()

<Table
    expandedRowKeys={this.state.expandedRowKeys}
    onExpand={this.onTableRowExpand}
/>

onExpand回调

onTableRowExpand(expanded, record){
    var keys = [];
    if(expanded){
        keys.push(record.id); // I have set my record.id as row key. Check the documentation for more details.
    }

    this.setState({expandedRowKeys: keys});
}

更多阅读：<Table /> API Documentation