参考文章
父组件
import { useRef,useState } from 'react'
const comp=()=>{
// 定义手动刷新参数
const actionRef=useRef()
// 创建监听参数并传递给子组件
const [isChange,setIsChange]=useState(false)
// 监听数据是否变化
useEffect(()=>{
actionRef.current.reload();
setIsChange(false)
},[isChange])
return (
<>
<ProTable
// 在表格添加属性actionRef
actionRef={actionRef}
/>
// 将其传递给变更数据的子组件(子组件可以是个弹窗或者页面)
<Children refresh={(flag)=>setIsChange(flag)}/>
<>
)
}
export default comp
子组件
const comp=()=>{
// 子组件成功do something之后可以修改其值
refresh&&refresh(true)
}