プロパティ「next」はタイプ「Component <any、{}、any>」に存在しません

シナリオ:antdのカルーセルコンポーネントを使用する場合、左右のスイッチボタンをカスタマイズすると、コンポーネントのnext()メソッドとprev()メソッドがトリガーされたときにエラーが報告されます

間違った言い回し:

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

handleNextは、次の画像メソッドを切り替え、参照を介してカルーセルコンポーネントインスタンスを取得し、カルーセルコンポーネントのnext()メソッドを呼び出すためのカスタムボタンです。

报错截の:
ここに画像の説明を挿入
プロパティ 'next'はタイプ 'Component <any、{}、any>'に存在しません

解決:

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

おすすめ

転載: blog.csdn.net/sunzhen15896/article/details/111359711