'구성 요소 ＜ 모두, {}, 모두 ＞'유형에 '다음'속성이 없습니다.

시나리오 : antd의 Carousel 구성 요소를 사용할 때 왼쪽 및 오른쪽 스위치 버튼을 사용자 정의하면 구성 요소의 next () 및 prev () 메서드가 트리거 될 때 오류가보고됩니다.

잘못된 문구 :

  handleNext(){
    
    
    this.refs.img.next()
  }
  <Carousel
     dots={
    
    false}
     ref="img"
   >
	...
   </Carousel>

handleNext는 다음 그림 메서드를 전환하고, 참조를 통해 Carousel 구성 요소 인스턴스를 가져오고, Carousel 구성 요소의 next () 메서드를 호출하는 사용자 정의 버튼입니다.

报错 截图 ：

'Component <any, {}, any>'유형에 'next'속성이 없습니다.

해결책:

  handleNext(){
    
    
    (this.refs.img as any).next();
  }