如何在不使用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(...);
  }
}