美文网首页
React-Natvie Navigtor正向反向传值

React-Natvie Navigtor正向反向传值

作者: Django_Monstar | 来源:发表于2016-11-11 17:26 被阅读40次

正向传值

 //构建路由
<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(); }

相关文章

网友评论

      本文标题:React-Natvie Navigtor正向反向传值

      本文链接:https://www.haomeiwen.com/subject/zqpfpttx.html