如何在不使用props的情況下將一個類的ref函數傳遞給另一個類？ 可能嗎？ （ReactNative）

Question

例如，我有兩個名為A和B的類，然后我在類A上實例化ScrollView組件，然后使用ref屬性訪問它的引用。 我想要做的是在類B中調用this.ref。我只想控制類B中的scrollTo方法。

我想要的輸出是。 當我在B類上觸發一個按鈕時，A類ScrollView將滾動

class A extends Component{
  constructor(){
    super();
    this.scrollRef = React.createRef()
  }

  render(){
    return <ScrollView ref={this.scrollRef}/>
  }
}

class B extends Component{
  //use class A this.scrollRef
}

Answer 1

你能做這樣的事嗎？

class A extends Component{
  constructor(){
    super();
    this.scrollRef = React.createRef()
  }

  onScrollToRequested = value => {
    this.scrollRef.scrollTo(value)
  }

  render(){
    return (
      <View>
        <ScrollView ref={this.scrollRef} />
        <B onScrollToRequest={this.onScrollToRequested} />
      </View>
    )

  }
}

class B extends Component{
  //use class A this.scrollRef
  onScrollToRequested = () => {
     this.props.onScrollToRequest(...);
  }
}