react --- 路由

发布时间：2020-12-15 20:13:36 所属栏目：百科来源：网络整理

导读：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

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!