美文网首页
React路由跳转、与服务器端通信

React路由跳转、与服务器端通信

作者: JSL_FS | 来源:发表于2018-02-09 05:33 被阅读0次

    路由跳转

    //1、基本步骤
        //ReactNavigation的使用步骤:
            //①安装
                npm install --save react-navigation
            //②创建要用到的组件
    
            //③配置路由
                import {StackNavigator} from 'react-navigation'
                import CartComponent from '***'
                import OrderConfirmComponent from '***'
    
                const RootNavigator = StackNavigator({
                    cart:{
                        screen:CartComponent
                    },
                    oc:{
                        screen:OrderConfirmComponent
                    }
                })
    
                AppRegistry.registerComponent('myapp', () =>       
                           RootNavigator);
    
    //2、跳转
        this.props.navigation.navigate('routeName');
        this.props.navigation.goBack()
    
    //3、跳转完成参数的传递   
        //传
            this.props.navigation
            .navigate('routeName',{price:100});
        //收
            this.props.navigation.state.params.price
    

    与服务器端通信 fetch

    fetch("myurl").
      then((response)=>{return response.json()})
    .then((result)=>{
    
    })
    

    相关文章

      网友评论

          本文标题:React路由跳转、与服务器端通信

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