定义react ref子组件

react ref使用

2022-06-10 43 字 1 min read

#work#react

定义react ref子组件

1
// 子组件
2
export interface RefFunType {
3
  changeText: (data) => void;
4
  replaceCaret: () => void;
5
}
6
// 暴露事件
7
useImperativeHandle(ref, () => ({
8
  changeText,
9
  replaceCaret,
10
}));
11

12
// 父组件
13
const refEdit = useRef<RefFunType>();