react+typescript+hooks 父组件调用子组件事件方法

最近开始着手做react+ts的项目了，由于以前技术栈是vue，所以猛然写react感觉自己被拔苗助长了，一个事件调用到数据传参都感觉完全无从着手，好赖以前有点基础，但是结合的也都不一样，是vue+ts，react+js，努力吧，纵使我千万个羊驼内心狂奔，给自己放宽心态，学习么，痛苦点是好事，话不多说，上代码了

父组件，base.tsx

export default function BaseStep(props) {// 这里的props很关键，千万不要忘记加
    const fromRef = useRef(null);
    <BasicConfig ref={fromRef}></BasicConfig>;

    fromRef.current.myName(); // 直接调用子组件的myName方法
}

子组件 BaseConfig.tsx

const BasicConfig = (props, fromRef) => { // 这里的props和fromRef 千万不要忘记加啊
 
useImperativeHandle(fromRef, () => ({
    myName,
  }));

const myName = (value) => {
   // 子组件方法
};

return (
    <div ref={fromRef}></div>
  );

}

export default forwardRef(BasicConfig);// 不要忘记forwardRef引用 然后在导出

最近心态有点崩了，不管是来源工作的难度还是一种方式的转变，北京最近疫情闹得人心不安，没有办法宁静，这整个一周都过得极其糟心及无奈，希望我踩过的坑得到的解决方法能帮助到你，一起加油 ，