通过单击某个特定条件Ant Design表来展开表的行

Question

我是新来的反应者。我被困在这里。请帮助我。

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

有人帮我。谢谢。

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

Answer 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;
        },
}}

工作演示：