在不使用道具的情况下，在课堂上与其他类别的ref合作函数如何?是否可以?(反应)

Question

例如，我有两个名为A和B的类。我想做的是打电话给this.ref级。

我所需的输出是。当我在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(...);
  }
}