シナリオ: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();
}