react-router 4.0版本使用笔记

作者: 梦想成真213 | 来源:发表于2017-04-10 16:33 被阅读2777次

    react-router 4变化还是挺大的,看网上很多人遇到问题,都是基本用法的改变,所以这里记录一下。

    1.react-router 4.0升级不少内容,详细可看官网

    https://reacttraining.com/react-router/web/api/Route/Route-render-methods

    2.安装所必须要的包:

    npm install --save-dev react-router

    npm install --save-dev react-router-dom

    所有安装成功的包都可以在package.js里面查看版本。

    3.基本引用:(原Router变为HashRouter,具体组件的配置 参数参考官网)

    4.react-router 4.0 对于接受参数采用 { this.props.match.params.id }

    如下例子:<Route path="list/:id"></Router> 
            <Link to="list/123456"></Link>

    获取参数值的方式是:{ this.props.match.params.id }

    5.最近整理一个react-router 4.0 的demo,地址:https://github.com/mxcz213/react-router-demo

    相关文章

      网友评论

        本文标题:react-router 4.0版本使用笔记

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