前言
以下是本人在利用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,
});
})
}
};