React Hook 父子组件相互调用函数方式_React_

//父组件 let Father=()=>{     let getInfo=()=>{              }     return ()=>{         
                      
     } }

//子组件 let Children=(param)=>{     return ()=>{         
             调用父组件函数         
     } }

//父组件 //需要引入useRef import {useRef} from 'react' let Father=()=>{     const childRef=useRef();     let onClick=()=>{         childRef.current.getInfo();     }     return ()=>{         
                          调用子组件函数         
     } }

//子组件  //需要引入useImperativeHandle,forwardRef import {useImperativeHandle,forwardRef} from 'react' let Children=(ref)=>{     useImperativeHandle(ref, () => ({         getInfo:()=>{             //需要处理的数据         }     }))     return ()=>{         
     } } Children = forwardRef(Children);

import React, { useState,createContext} from "react"; import Counter from './index1' const myContext = createContext(); function App() {   const [count, setCount] = useState(0);   return (     
       
我是父组件
       
点击了 {count} 次!
        {           setCount(count + 1);         }}       >         点我              {/* 关键代码 */}       {/* 提供器 */}                            
   ); } export default App;

import React, { useContext} from 'react'; // 关键代码 function Counter({myContext}) {     const count = useContext(myContext);  // 得到父组件传的值     return (         
             
我是子组件
             
这是父组件传过来的值：{count}
         
     ) } export default Counter;