React-Natvie Navigtor正向反向传值

正向传值

 //构建路由
<Navigator 
           
             initialRoute={{name:defaultName,component:defaultComponent}}
            //构建转场动画
             configureScene={(route) => {
                 return Navigator.SceneConfigs.HorizontalSwipeJump;
             }}
              //构建组建的参数传递 包括后面的navigator也传给了component
              //  {…route.params}作用是使当前component有传参数能力
             //语法的意思就是routes.params 里的每个key 都可以作为props的一个属性
             renderScene={(route,navigator) => {
                 let Component = route.component;
                 return <Component {...route.params} navigator={navigator} />
             }}
             t
             />
 //push代码
              const { navigator } = this.props;
        if(navigator) {
            navigator.push({
                name: 'HomeDetail',
                component: HomeDetail,
                params: {
                    id: id,
                }
            })
        }  

利用属性反向传值

//firstPage     从SecondPageComponent获取user
 getDataFromNext: function(next) 
  { _this.setState({ next: next })
//secondPage
if(this.props.getDataFromNext) { let next = data; this.props.getDataFromNext(next); } 
if(navigator) { navigator.pop(); }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容