引用替代子方法

时间:2019-11-12 07:08:41

标签: reactjs react-native

我正在使用具有ScrollTo(index)方法刷卡的第三方刷卡器组件。目前,我只能使用引用访问此方法。

<Button onPress={this.carousel.ScrollTo(this.carousel.index+1)}/>    
<Swiper ref={c => {this.carousel = c}}
    ...
</Swiper>

我看到专家劝阻使用裁判。我有两个问题:

  1. 由于swiper是一个外部库,因此我知道refs是合法的,并且在这种情况下是调用ScrollTo的唯一方法。正确吗?
  2. 我想用Hoc封装此组件以限制其使用。例如,公开一些内容,使消费者可以将“滑动”滚动到下一张幻灯片。一种简单的方法是公开moveNext(),然后消费者将使用ref来调用它(与我使用Swiper的方法相同)。但是,如果公开方法和引用不是一个好习惯,那有什么选择呢?这使可重用的HoC使用者能够调用MoveNext()
  3. 之类的东西。

0 个答案:

没有答案