Reactjs 通过单击特定条件和设计表来展开表中的一行

我是新来的。我被困在这里了。请帮我做这个

我需要编写代码，使表行仅在其切换处于打开状态时才应展开，而在切换处于关闭状态时不应展开。我使用属性expandRowByClick在单击行时展开行。但这里的问题是，当切换关闭时，它不应该被单击，但现在一个空行将展开。我怎样才能避免呢

有人帮我吗。多谢各位

---

沙盒链接：

给你，你所需要的是

行可扩展的

：

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

工作演示：

---

谢谢您的帮助。：）