本文共 2001 字，大约阅读时间需要 6 分钟。

import {    Table } from 'antd'; class Demo extends React.Component {     constructor(props) {       super(props);    this.state = {         value: 'test',      visibily: false,      expandedRowKeys: [],    };  }// 这里是重点  open = (record) => {       const {    id: key } = record;        const filtered = this.state.expandedRowKeys;        if (this.state.expandedRowKeys.includes(key)) {               filtered.splice(filtered.findIndex(element => element === key), 1);        } else {               filtered.push(key);        }        this.setState({               expandedRowKeys: filtered,        });  }  render() {       const {    value,expandedRowKeys } = this.state;     const columns = [  {    title: 'Name', dataIndex: 'name', key: 'name' },  {    title: 'Age', dataIndex: 'age', key: 'age' },  {    title: 'Address', dataIndex: 'address', key: 'address' },  {    title: 'Action', dataIndex: '', key: 'x', render: (record) =>  this.open(record)}>查看 },]; const data = [  {    id: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.' },  {    id: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.' },  {    id: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.' },];     return (      
   
        
    
{   record.description}
    or_so©版权所有
    
    
      record.id}          expandedRowRender={   record => }          dataSource={   data}          rowClassName="aa" // 这个是把可展开图标的icon给visibility掉          expandedRowKeys={   expandedRowKeys}          footer={   () => }        />          );  }}ReactDOM.render(, mountNode);css 部分 .aa {   如果不生效，在css代码前加入：global覆盖掉默认的icon  .ant-table-row-expand-icon-cell {       .ant-table-row-expand-icon {         visibility: hidden;    }  }}