美文网首页
react-router-dom基本操作

react-router-dom基本操作

作者: Yytg | 来源:发表于2018-04-13 15:05 被阅读360次

路由:
安装:npm install react-router-dom
引入:import { BrowserRouter, Switch, Route } from 'react-router-dom'
基本结构:

      <BrowserRouter> //最外层---声明一个路由块作为包裹
        <div>  //外层必须包裹一个div
          <Header></Header>
          <Switch> //选择声明
            <Route exact path="/" component={Index}></Route> //路由声明---声明一个路由块
            <Route path="/detail/:id" component={Detail}></Route>
            <Index></Index>
          </Switch>
          <Footer></Footer>
        </div>
      </BrowserRouter>

相关文章

网友评论

      本文标题:react-router-dom基本操作

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