React 路由的基本使用

   日期:2020-07-15     浏览:90    评论:0    
核心提示:我们坚持写笔记, 因为只要笔记不停,就代表我们还没有放弃import React, { Component } from reactimport { Link, Route, BrowserRouter } from react-router-domimport UserPager from ./UserPagerimport HomePager from ./HomePage// 默认导出就行了export default class ReactRouter exte

我们坚持写笔记, 因为只要笔记不停,就代表我们还没有放弃

import React, { Component } from "react"

import { Link, Route, BrowserRouter } from "react-router-dom"
import UserPager from "./UserPager"
import HomePager from "./HomePage"
// 默认导出就行了
export default class ReactRouter extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>
                <BrowserRouter>
                    <nav>
                        <Link to="/" >home</Link> &nbsp;&nbsp;
                        <Link to="/user" >user</Link>
                    </nav>

                    <Route exact path="/" component={HomePager}></Route>
                    <Route path="/user" component={UserPager}></Route>
                </BrowserRouter>

            </div>

        );
    }
}

 

展示效果:

行,就是这么简单:

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服