美文网首页前端
关于react-router中<Link>的调试:

关于react-router中<Link>的调试:

作者: 等不来的期待 | 来源:发表于2018-05-28 18:42 被阅读891次

我在写个人博客的时候,遇到的问题是有关React-router的问题,这个问题困扰了我很久的,百度也找了很久最终还是以失败而告终,没办法去看了阮一峰写的学习讲解,链接地址如下:http://www.ruanyifeng.com/blog/2016/05/react_router.html,阮一峰老师确实写的不错的,看完之后自己又分析了一下自己写代码;最终找出了原因React-router4.0版本和React-router2.0版本不兼容的,所以在4.0批量加路由的时候我们应该加上:
1.导入头文件
import { BrowserRouter as Router, Link } from 'react-router-dom';
2.路由代码如下:

    render() {
        return (
            <Router>
                <div className = "home-header">
                    <div className = "home-header-title"><Link to = "/">王宁的个人主页</Link></div>
                    <div className = "home-header-subtitle">WangNing PersionalBlog</div>
                    <div className = "home-header-nav">
                        <div className = "home-header-nav-item"><Link to = "/home">Home</Link></div>
                            <div className = "home-header-nav-item"><Link to = "/blog">Blog</Link></div>
                            <div className = "home-header-nav-item"><Link to = "/demo">Demo</Link></div>
                            <div className = "home-header-nav-item"><Link to = "/about">About Me</Link></div>
                    </div>
                </div>
            </Router>
            );
    }
}```

如此写才解决我的大麻烦。搞了好久不如去看一下大佬们的讲解。技术太差没办法啊。

相关文章

  • 关于react-router中<Link>的调试:

    我在写个人博客的时候,遇到的问题是有关React-router的问题,这个问题困扰了我很久的,百度也找了很久最终还...

  • react-router使用教程

    react-router使用教程 0. 关于url中#的作用: 学习: http://www.ruanyifeng...

  • 2018-06-08

    LT studio :不忘初心 ,方得始终 关于LT创办,LHS和TYY走过了九年。经历九年,LT终于共创业。九年...

  • <link>标签的rel属性详解

    标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 h...

  • react-router4

    一、关于react-router react-router是一些封装好的组件用于前端路由,当我们点击的时候会出现一...

  • react项目中引入redux+react-router的一些写

    Redux + react-router 关于redux中间件的理解https://zhuanlan.zhihu....

  • react-router中,<switch>标签存在

    在学习中遇到这个问题,怎么翻译都没明白(果然看英文水平还不够啊),终于搞明白,记录下面,如果存在漏洞,望指正! 有...

  • react-router和PureComponent

    react-router react-router包含3个库,react-router、react-router-...

  • iOS 安全配置

    一、关于GDB挂起问题 1.首先什么是GDB,GDB就是调试工具,在iOS中 xcode中的断点查看就是调试工具中...

  • 关于react-router

    一、先问两个问题 哈希路由跳转时参数拼在哪里?https://xxx.com/xxx/#/home?a=1&b=2...

网友评论

    本文标题:关于react-router中<Link>的调试:

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