antd 부모 구성 요소가 하위 구성 요소에서form 폼의 값을 가져옵니다
아무래도 코드로 말하자면, 상세한 상황은 주석을 보십시오.
서브어셈블리
import React, { Component } from 'react';
import { Form, Input } from 'antd';
const FormItem = Form.Item;
class Forms extends Component{
getItemsValue = ()=>{ //3、 , ( )
const valus= this.props.form.getFieldsValue(); //4、getFieldsValue: , ,
return valus;
}
render(){
const { form } = this.props;
const { getFieldDecorator } = form; //1、 getFieldDecorator ,
return(
<>
>
)
}
}
export default Form.create()(Forms); // form
getField Decorator의 구체적인 매개 변수는 공식 문서를 보십시오
모 어셈블리
import React, { Component } from 'react';
import { Modal } from 'antd';
import Forms from './Forms'
export default class Modals extends Component {
handleCancel = () => {
this.props.closeModal(false);
}
handleCreate = () => {
console.log(this.formRef.getItemsValue()); //6、 getItemsValue。 : this.formRef
this.props.getFormRef(this.formRef.getItemsValue());
this.props.closeModal(false);
}
render() {
const { visible } = this.props;
return (
this.formRef = form} //5、 wrappedComponentRef ref( )
/>
);
}
}
공식 문서
class CustomizedForm extends React.Component { ... }
// use wrappedComponentRef
const EnhancedForm = Form.create()(CustomizedForm);
this.form = form} />
this.form // => The instance of CustomizedForm
전재 대상:https://www.cnblogs.com/wyangnb/p/9400347.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.