如何将状态组件A传递给B React Native

Question

我有两个组件，组件A检查Internet访问并更改连接状态。

组件A

现在我想将“连接”状态传递给B组件，并在其中设置状态 一个新的状态...

组件B

现在

Answer 1

由于整个应用程序均使用网络状态，因此最好在根级别进行扭曲。 并使用Context传递道具。 这里的NetworkStatusContext用于将网络状态传递给子组件。

<NetworkStatusContext.Provider value={isConnected}>
       <App />
</NetworkStatusContext.Provider>

然后您可以获取任何组件的网络状态。

<NetworkStatusContext.Consumer>
   {isConnected =>
     (!isConnected ? <ErrorMessageComponent/>: <SomeComponent/>
    )}
</NetworkStatusContext.Consumer>

上述问题！

从A组-> B组传递道具

render(){
   return(
     <ComponentB
       connection={this.state.connection}
     />
   );
}

在组件B中，您可以通过以下方式访问道具：

render(){
const{connection}=this.props;
   .....