组件ref的使用

自己封装的组件,想使用ref,调用内部的方法
1.使用React.forwardRef,包裹组件。

export default React.memo(React.forwardRef(QuestionComments));

2.接收ref属性。


组件ref的使用_第1张图片
image.png

3.封装外部需要调用的方法。

useImperativeHandle(ref, () => ({
        save: () => {
            commentsForm.submit();
        },
    }), [commentsForm]);

你可能感兴趣的:(组件ref的使用)