fix: Table expandedRowKeys is undefined throws error

close ant-design/ant-design#21502

Author: afc163

src/ExpandableRow.tsx

@@ -156,6 +156,6 @@ class ExpandableRow<ValueType> extends React.Component<ExpandableRowProps<ValueT
   }
 }
 
-export default connect(({ expandedRowKeys }, { rowKey }) => ({
+export default connect(({ expandedRowKeys = [] }, { rowKey }) => ({
   expanded: expandedRowKeys.includes(rowKey),
 }))(ExpandableRow);

src/ExpandableTable.tsx

@@ -225,7 +225,7 @@ class ExpandableTable<ValueType> extends React.Component<ExpandableTableProps<Va
       {
         key: 'extra-row',
         render: () => {
-          const { expandedRowKeys } = this.store.getState();
+          const { expandedRowKeys = [] } = this.store.getState();
           const expanded = expandedRowKeys.includes(parentKey);
           return {
             props: {

src/TableRow.tsx

@@ -320,7 +320,7 @@ function getRowHeight(state, props) {
 polyfill(TableRow);
 
 export default connect((state: TableStoreState, props: TableRowProps<DefaultValueType>) => {
-  const { currentHoverKey, expandedRowKeys } = state;
+  const { currentHoverKey, expandedRowKeys = [] } = state;
   const { rowKey, ancestorKeys } = props;
   const visible = ancestorKeys.length === 0 || ancestorKeys.every(k => expandedRowKeys.includes(k));
 

tests/Table.expandRow.spec.js

@@ -249,4 +249,38 @@ describe('Table.expand', () => {
 
     expect(wrapper.find('.should-display').length).toBeTruthy();
   });
+
+  // https://github.com/ant-design/ant-design/issues/21502
+  it('expandedRowKeys.includes should not throws error', () => {
+    class Demo extends React.Component {
+      state = {
+        data: [],
+      };
+
+      componentDidMount() {
+        this.setState({
+          data: [
+            {
+              id: 1,
+            },
+          ],
+        });
+      }
+
+      render() {
+        return (
+          <Table
+            expandedRowKeys={undefined}
+            expandedRowRender={() => <p>opened</p>}
+            columns={[{ title: 'id', dataIndex: 'id', key: 'id' }]}
+            data={this.state.data}
+          />
+        );
+      }
+    }
+
+    expect(() => {
+      mount(<Demo />);
+    }).not.toThrow();
+  });
 });