结合Modal和Form的表单对话框_react

版本对应"antd":"^3.26.14"，如果发现报错antd__WEBPACK_IMPORTED_MODULE_1__.Form.create(...)isnotafunction，请参考尝试指定版本yarnaddantd@^3.26。14-ScomponentName.jsimportReactfrom'react';import{Form,Input,InputNumber}from'antd';const{TextArea}=InputclassEditFormextendsReact.Component{constructor(props){super(props);}}componentWillMount(){}componentWillReceiveProps(nextProps){}componentDidMount(){}render(){const{getFieldDecorator}=this.props.form;返回{getFieldDecorator('username',{rules:[{required:true,message:'帐户',},],initialValue:this.props.username})({getFieldDecorator('code',{rules:[{required:true,message:'code',},],initialValue:this.props.code})()}{getFieldDecorator('remark',{rules:[{message:'Remark',},],initialValue:this.props.remark})(,)}}}exportdefaultForm.create()(EditForm);导入并使用import{Modal}from'antd';从'../../../components/EditF导入EditFormorm'...{this.editForm=inst;}}{...this.state.Editinfo}/>...._handleAdd=()=>{70//点击按钮显示模态状态框71this.setState({visible:true,});72}73_handleDelete=(record)=>{74//删除记录操作75}76_handleOK=()=>{77//校验表单数据78this.editForm.props.form.validateFields((err,values)=>{79if(!err){80//values可以获取表单中所有的key-value数据并保存数据81//清理表单数据82this.editForm.props.form.resetFields();83}84});85}86_handleCancel=()=>{87//清理表单数据88this.editForm.props.form.resetFields();89//隐藏模态框90this.setState({visible:false});91}92_handleUpdate=(record)=>{93//修改时，赋值表单数据94letEditinfo={95username:record.username,96code:record.code,97remark:record.remark,98}99this.setState({visible:true,Editinfo});100}