antd中fileList如何进行异步展示

antd中的fileList可以通过设置action属性来进行异步展示，具体实现方式如下：

1. 在组件中设置action属性，指定上传文件的接口地址。

2. 在上传文件成功后，将文件信息添加到fileList中。

3. 在组件中监听fileList的变化，当fileList发生变化时，重新渲染组件，实现异步展示。

示例代码如下：

import { Upload, message } from 'antd';
import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';

class Avatar extends React.Component {
  state = {
    loading: false,
    imageUrl: '',
    fileList: [],
  };

  handleChange = ({ fileList }) => {
    this.setState({ fileList });
  };

  render() {
    const { loading, imageUrl, fileList } = this.state;
    const uploadButton = (
      <div>
        {loading ? <LoadingOutlined /> : <PlusOutlined />}
        <div style={{ marginTop: 8 }}>上传</div>
      </div>
    );
    return (
      <Upload
        action="/api/upload"
        listType="picture-card"
        fileList={fileList}
        onChange={this.handleChange}
      >
        {fileList.length >= 1 ? null : uploadButton}
      </Upload>
    );
  }
}

在上面的示例代码中，我们通过设置action属性来指定上传文件的接口地址，然后在handleChange方法中将上传成功的文件信息添加到fileList中，最后在组件中监听fileList的变化，实现异步展示。