当前位置:  开发笔记 > 编程语言 > 正文

如何在React-Native中的导航器的多个场景之间共享状态

如何解决《如何在React-Native中的导航器的多个场景之间共享状态》经验,为你挑选了0个好方法。

我想分享我的应用程序的所有屏幕的用户信息.(例如类似于webapps中的会话).如何以适当的标准方式在react-native中实现这一点.

到目前为止,我已经通过将User的所有信息保持为Main组件中的状态,然后将Main Component的状态作为子组件的属性传递来实现此目的.以下是组件的缩短代码 -

 var MainComponent = React.createClass({
  getInitialState: function(){  
    return {
      user: {
        mobileNumber: "",
        emailId:"",        
      },
      userValidationStatus: false
    };
  },
  _renderScene: function(){
     switch(route.id){
      case 1:
          return 
      case 2:
          return    
      default: 
          return  
    }
  }, 
  render: function(){
    return (
            
    );
  }
});

var Screen1 = React.createClass({ 
  render: function(){
    return ( 
           
             this.props.parentState.user.mobileNumber=mobileNumber} 
              value={this.state.mobileNumber} 
            />  
             this.props.parentState.user.emailId=emailId} 
              value={this.state.emailId} 
            /> 
       
    );
  }
});
var Screen2 = React.createClass({ 
  render: function(){
    return ( 
           
             this.props.parentState.user.mobileNumber=mobileNumber} 
              value={this.state.mobileNumber} 
            />  
             this.props.parentState.user.emailId=emailId} 
              value={this.state.emailId} 
            /> 
       
    );
  }
});

这是实现这一目标的正确方法吗?如果不是,实现此类功能的正确方法是什么.

推荐阅读
臭小子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有