React - 獲取form表單數據

---------------------分割線-------------------------

  import React,{forwardRef,Ref,UseRef} from 'react'

  import {Form,Input,Modal} from 'antd'

  ----- 重要代碼  ----   需要用下列包括起來

  const WrappedForm = Form.create({})(forwardRef(FromDemo ))

  function FromDemo (props,ref) {
        
        //包裹后 
        const { form } = props 

        const getFieldValue = form.getFieldValue()

        const layout = {  // form input位置

              labelCol:{span:4},

              wrapperCol:{span:16}

        }

        return (

              <div>
                    <Form { ...layout }>

                          <Form.Item label="名稱">

                                <Input />

                          <Form.Item>

                     </Form>

              </div>

        )
  }
  function FormComponent () {

        const formRef = useRef()

        return (

              <Modal>

                    <WrappedForm  wrappedComponentRef={formRef}>    // 這里需要包裹出去 取到ref form的值

               </Modal>

        )
  }

  export default forwardRef(FormComponent)   

---------------------分割線-------------------------