在做项目时,表单新增和编辑框往往是一样的,只不过一个有数据,而一个没有数据
但是我修改了编辑框保存后,再打开新增对话框,总是有数据,也就是数据没有清空
于是在查找官网文档,我用的是antd3版本,有一个resetField函数:
resetFields | 重置一组输入控件的值(为 initialValue )与状态,如不传入参数,则重置所有组件 | Function([names: string[]]) |
编辑函数:
//编辑
handleEdit = (row) => {
const { form } = this.formRef.props; //获取form
form.resetFields(); //清空form中每条数据
this.setState({
editModalVisible:true,
currentRowData:Object.assign({}, row),
modalTitle: '编辑'
})
}
新增函数:
handleAdd = () => {
const { form } = this.formRef.props;
form.resetFields();
this.setState({
modalTitle: '新增',
editModalVisible:true,
currentRowData:[],
})
}