javascript - 从兄弟传递 ref

Question

我正在使用图书馆 react-native-dropdownaler当我在 App 中为其创建 ref 而不是在每个屏幕中添加组件时，我只想将其 ref 传递给我的 Router 稍后使用。将它的 ref 传递给 sibling 的问题是 - 它们一起呈现，所以当我传递 ref 时它仍然是 undefined

render() {
  return (
    <View style={styles.container}>
      <StatusBar />
       <Router alertRef={this.alertRef}/>
       <DropdownAlert ref={ref => (this.alertRef = ref)} />
    </View>
  );
}

Answer 1

您可以使用 createRef用于创建 ref 的 API。 current 属性在第一次渲染之后仍然不会被设置。

class App extends React.Component {
  alertRef = React.createRef();

  render() {
    return (
      <View style={styles.container}>
        <StatusBar />
        <Router alertRef={this.alertRef} />
        <DropdownAlert ref={this.alertRef} />
      </View>
    );
  }
}