ant design文件上传与分页获取数据

前言

以下是本人在利用react+antd结合开发web前端项目过程中遇到的问题的总结，还请大神不吝赐教，本人才刚入门。

文件上传

const uploadProps = {
            name: 'file',
            action: `${ServerIP}/web/uploadUrl`,
            headers: {
                authorization: 'authorization-text',
                'x-auth-token': localStorage.getItem('x-auth-token'),
                 //'x-auth-token':sessionStorage.getItem('token')
            },
            data:{},//这里可以存放文件上传时的数据
            showUploadList: false,//是否显示文件上传成功后的列表
            onChange: (info) => {
                if (info.file.status === 'done') {
                    console.log('返回数据', info.file);
                    if (info.file.response.response.res) {
                        message.success(`成功上传${info.file.response.response.successSize}条记录`);
                    } else {
                        message.error(`后台报的异常信息${info.file.response.response.exception}`, 2);
                    }
                } else if (info.file.status === 'error') {
                    message.error(`${info.file.name} file upload failed.`);
                }
            },
        };

<Upload {...uploadProps}>
<Button style={{ border: "1px solid green", color: "green", marginLeft: "1em" }} >文件上传</Button>
</Upload>

分页获取数据

 let pagination = {
      total: this.props.size,//总数
      defaultCurrent: pageIndex,//当前页
      pageSize: pageSize,//每页显示数
      showSizeChanger: false,
      // showQuickJumper: true,
      //点击当前页数，获取当前页和当前页的条数
      onChange: (current, pageSize) => {
        this.setState({ pageIndex: current - 1, pageNumber: pageSize }, () => {
          //这里派发分页请求数据
            this.props.getAllTheStatePlanInfo({
              pageIndex: current - 1,
              pageNumber: pageSize,
            });
        });
      },
      //改变每页显示数据的总条数
      onShowSizeChange: (current, pageSize) => {
        this.setState({
          pageIndex: current - 1,
          pageNumber: pageSize
        }, () => {
          //这里派发分页请求数据
            this.props.getAllTheStatePlanInfo({
              pageIndex: current - 1,
              pageNumber: pageSize,
            });
        })
      }
    };