使用useRef()父組件獲取子組件form對象

176 阅读1分钟

1.父組件引入勾子函數useRef

import React, { useRef } from "react";

const ref = useRef()

2.傳入子組件

<Addform categoryName={''} ref={ref}/>

3.子組件參數接收傳入Form表單

包裹子組件

React.forwardRef(Addform)

4.回到父組件 設置提交按鈕函數 handleOk()

const handleOk = async () => {

const values = await ref.current.validateFields();

console.log(values);

};

父組件就可以獲取到表單提交的數據。之後通過請求傳輸就可以。

CSDN博主「夢行者」的原创文章 原文链接:blog.csdn.net/weixin_4684…