• react路由


    react路由

      react 提供了实现路由的方式,不过需要我们下载插件 react-router-dom 

      当我们下载好了插件,然后我们可以通过 import {} from 'react-router-dom' 来引入路由标签;

      如图,我们可以看到在实现项目中的使用方法  Router.js

      

       我们在全局组件中引入我们配好的 Router 的组件,  App.js

      

      接下来我们可以在 App 最大的组件上的任何位置,都能使用路由跳转;

      通过标签的跳转方式: < a href="#/home" >  主页  </a> ,这样我们点击 a 标签的主页时,就能跳转到 home 组件

       场景使用 Foots.js

      

       

    这样我们就能使用了

      以上我们是使用 标签的跳转方式,然后我们还可以使用函数的跳转方式;

      当我们将组件的内容配好的时候,这个时候我们的组件 (this) 的 props 中就会多了几个属性,其中 history 中便拥有了 push 的方法,

      我们就可以用它来 实现跳转。

      在 home.js 中

      

       这样我们在另一个组件 detail 中查看,我们传递的数据

      

  • 相关阅读:
    J2SE基础:7.系统经常使用类一
    Win7 64位 php-5.5.13+Apache 2.4.9+mysql-5.6.19 配置
    FUDCon
    扬帆起航 彼岸花开——2013届毕业晚会《再见民大》倾情再演
    毛磊
    查经
    H.O.T candy
    svn rm --keep-local ./QueryParser_kill.logs
    python datetime笔记
    柯震东_百度百科
  • 原文地址:https://www.cnblogs.com/only--love/p/11574101.html
Copyright © 2020-2023  润新知