The antd table expander row does not respond.

import React from "react";
import {Form, Row, Col, Table, Button, Select, Popconfirm, LocaleProvider, message, Input, Modal} from" antd";

class IntNalQuotaTest extends React.Component {
render () {

const columns = [
{ title: "Name", dataIndex: "name", key: "name" },

];

const data = [];
for (let i = 0; I < 3; PPi) {

data.push({
  name: "Screem",
  platform: "iOS",
  version: "10.3.4.5654",
  upgradeNum: 500,
  creator: "Jack",
  createdAt: "2014-12-24 23:12:00",
});

}


const expandedRowRender = () => {
  return (
    <div></div>
  );
};


return (
        <Table  bordered columns={columns} dataSource={data} expandedRowRender={expandedRowRender} />
);

};

};

export default Form.create () (IntNalQuotaTest);

May.26,2021

if you want to expand, you need two conditions:
1 add the keyword rowkey to table

rowKey={(record) => {
        return record.id //
    }}

2 plus the expandable keyword

 expandable={{
    expandedRowRender:(record, index, indent, expanded) => {
        console.log(record, index, indent, expanded)
        return <Table dataSource={record.activity_ProductItemDtos} columns={this.productColumn}></Table>
        },
}}
Menu