通过单击某个条件 Ant Design 表格展开表格的一行答案

【问题标题】：Expand a row of a table by click on a certain condition Ant Design table通过单击某个条件 Ant Design 表格展开表格的一行
【发布时间】：2020-06-12 15:26:59
【问题描述】：

我是新来的反应。我被困在这里。请帮我解决这个问题。

我需要编写代码，以便表格行仅在切换打开时才应展开，而在切换关闭时不应展开。我使用属性 expandRowByClick 在单击时展开一行。但这里的问题是，当切换关闭时，它不应该是可点击的，但现在会展开一个空行。如何避免？

谁能帮帮我。谢谢。

沙盒链接：https://codesandbox.io/s/purple-sun-1rtz1?file=/index.js

【问题讨论】：

标签： reactjs antd expand

【解决方案1】：

给你，你只需要rowExpandable：

expandable = {{
    expandedRowRender: record => this.handleRowRender(record),
        rowExpandable: record => {
            if (record.name === "Edward King 0" && !this.state.firstRow) {
                return false;
            } else if (record.name === "Edward King 1" && !this.state.secondrow) {
                return false;
            }
            return true;
        },
}}

工作演示：

【讨论】：