問題：
使用的antd，定義了一個model組件和form組件，form組件作為model組件的子組件，在父組件app中，使用組件model，想要點擊submit的時候獲取到子組件的表單數(shù)據(jù)。
獲取到的表單數(shù)據(jù)怎么在submit按鈕被點擊的時候才傳遞過去?
如圖：

代碼：

app.tsx

<ModelComponent
    onCancel={this.visibleHandler}
    onSubmit={this.submitHandler}
    visible={this.state.infoModalVisible}
    selectedData={this.state.selectedUserInfo}
    modalType={this.state.modalType}
/>

mode.tsx

<Modal
    key={Math.random()}
    title="Edit"
    visible={this.props.visible}
    onOk={this.props.onSubmit}
    onCancel={this.props.onCancel}
    okText="Submit"
    cancelText="Cancel"
    maskClosable={false}
>
    <FormComponent
        data={this.props.selectedData}
        onSubmit={this.props.onSubmit}
    />
</Modal>

form.tsx

class FormComponent extends React.Component<FormProps> {

    componentDidMount() {
        setFormValue(this.props.data, this.props.form);
        this.props.onSubmit(this.props.form.getFieldsValue());
        // 獲取到的表單數(shù)據(jù)怎么在submit按鈕被點擊的時候才傳遞過去？
    }

    render() {
        const { form } = this.props;
        const { getFieldDecorator } = this.props.form;

        return (
            <div>
                {formItemList(this.props.data, getFieldDecorator)}
            </div>
        );
    }

}

export default Form.create<FormProps>()(FormComponent);

我現(xiàn)在這樣操作只能在組件DidMount的時候才能獲取到一次數(shù)據(jù)，當點擊submit的時候會得到如下圖的Proxy的一個數(shù)據(jù)？