/***父组件开始*/classTestextendsPureComponent{state={data:{},type:void0};componentDidMount(){//this.setState({//type:"edit",//data:{//sex_type:"no",//id:"sb",//info:"33",//sex:"man",//child:{//info:"000",//input:"i2",//sex:"man",//},//},//});}render(){let{data={},type}=this.状态;return(
测试使用什么测试中的form表单俗称子表单
);}}测试的表单子组件/***表单开始的组件*/classTestFormextendsPureComponent{render(){const{getFieldDecorator,getFieldValue}=this.props.form;let{data={},type}=this.props;if(type==="edit"){getFieldDecorator("id",{initialValue:data.id,});}返回(
{e.preventDefault();console.error("SubmissionforSubmit1");this.props.form.validateFields((err,values)=>{if(!err){console.log("Receivedvaluesofform:",values);}});}}//输入框前面文字之间的距离labelCol={{span:12,}}//输入框之间的总距离不能超过24wrapperCol={{span:12,}}>{getFieldDecorator("sex_type",{initialValue:data.sex_type||"no",rules:[{required:true,message:"小郑是",},],})({[{label:"Yes",value:"yes"},{label:"not",value:"no"},].map((item,index)=>{返回（<Select.Optionkey={index}value={item.value}>{item.label});})})}{/*性别*/}{getFieldValue("sex_type")==="no"&&({getFieldDecorator("sex",{initialValue:data.sex||"man",})(男女)})}{/*子组件*/}{getFieldDecorator("child1",{initialValue:["1"],})()}{getFieldDecorator("child2",{initialValue:[],})()}{getFieldDecorator("child3",{initialValue:["2"],})()}提交1{e.preventDefault();console.error("提交2的提交");this.props.form.validateFields((err,values)=>{if(!err){console.log("Receivedvaluesofform:",values);}});}}>提交2{console.error("我是一个重置按钮");this.props.form.resetFields();}}>Reset{console.error("我是普通按钮");}}>普通按钮);}}//trueformForm.create是创建一个form，这样你就可以在里面使用它的方法了Test.Form=Form.create({name:"normal_login"})(TestForm);/***formcomponent-end*/exportdefaultTest;测试内容的子组件classChildextendsPureComponent{getform(){returnthis.props.form;}render(){let{show,data={},form,...otherProps}=this.props;if(this.form){this.form.getFieldDecorator("child.info",{initialValue:data?.child?.info,});this.form.getFieldDecorator("child.sex",{initialValue:data?.c希尔德?.性别,});}return({/*把父组件的所有东西都给子组件...otherProps父组件的其他数据*/}12{show?"withshow":"withoutshow"}{this.form?.getFieldDecorator("child.input",{initialValue:data?.child?.input,rules:[{required:true,message:"不能为空",},],})()}
);}}
