[react 3种方法] 获取ant组件ref用ts如何定义?

高山我梦口香糖2024-12-24 21:04

获取ant的轮播图组件, 我用ts如何定义?

javascript 复制代码

import React, {  ElementRef } from 'react';

javascript 复制代码

 const lunboRef = useRef<ElementRef<typeof Carousel>>(null);

javascript 复制代码

    <Carousel autoplay ref={lunboRef}>

这样就行了! ,然后点一下看看.弹出提示了

当然你还可以用ant内置的GetRef

这个2个一样

javascript 复制代码

    const lunboRef = useRef<GetRef<typeof Carousel>>(null);
    // const lunboRef = useRef<ElementRef<typeof Carousel>>(null);

最后一种

ComponentRef

javascript 复制代码

import React, { useRef, ComponentRef } from 'react';
useRef<ComponentRef<typeof Carousel>>(null);