[react+ts] useRef获取自界说组件dom或方法声明

想用useRef获取自界说组件?
假如获取dom,直接写

2.   const sonRef = useRef<HTMLDivElement>(null);

复制代码

然后子组件用forwardRef包一层,注意是HTMLDivElement,别写错, 写HTMLElement不可

2. const Son = forwardRef<HTMLDivElement, IProps>((props, ref) => {})

复制代码

牢记这时Son不能写Son:React.FC了,否则报错

这时间可以打印dom了

---

---

---

那怎么拿子组件的方法呢? 先把 forwardRef第一个参数改为ref的范例

界说袒露的函数

2.   const handleClick = () => {
3.     setNum(8999);
4.   };
5.   useImperativeHandle(ref, () => {
6.     return {
7.       handleClick,
8.     };
9.   });

复制代码

父组件也要改一下

这时间点一下就出来了

我直接打印sonRef.current试试

ok