码迷,mamicode.com
首页 > 其他好文 > 详细

react --- 路由

时间:2019-05-21 11:26:49      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:router   row   npm   home   component   install   from   代码   bsp   

1.  安装

   npm install --save react-router-dom

 

2.  引入

   import { BrowserRouter as Router, Route, Link } from "react-router-dom";

 

3.  引入模块

   import Home from ‘./page/Home.js‘;

 

4.  实现代码

    

<Router>
      <div>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
          <li>
            <Link to="/topics">Topics</Link>
          </li>
        </ul>

        <hr />

        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/topics" component={Topics} />
      </div>
    </Router>

 

react --- 路由

标签:router   row   npm   home   component   install   from   代码   bsp   

原文地址:https://www.cnblogs.com/liuyunqi/p/10898321.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!