最近开始着手做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引用 然后在导出

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

Logo

前往低代码交流专区

更多推荐