好客租房113-首页路由处理

简介: 好客租房113-首页路由处理

1首页的路由进行处理

2配合默认路由 跳转到/home

3Redirect组件实现路由重定向 to跳转到要跳转的路由

图片.png

import React from "react";
import {Button} from "antd-mobile"
import {BrowserRouter as Router,Route, Link, Redirect} from "react-router-dom"
//导入要使用的组件
import Home from "./pages/Home"
import CityList from "./pages/CityList"
function App() {
  return (
      <Router>
 <div className="App">
     {/* 配置路由入口 */}
    {/* 首页
    城市数据 */}
    <Route path="/" exact render={()=>
    <Redirect to="/home"/>
    }></Route>
     {/* 配置路由 */}
    <Route path="/home" component={Home}></Route>
    <Route path="/citylist" component={CityList}></Route>
    </div>
      </Router>
  );
}
export default App;


相关文章
|
小程序 搜索推荐
附源码-基于Web的民宿预约系统的设计与实现,房间预订、旅游订票
重要的事情说三遍,可白嫖,可白嫖,可白嫖!!! 源码下载链接:docs.qq.com/doc/DYm5DSlBWZEplalBP
|
JavaScript
好客租房105-配置基础路由
好客租房105-配置基础路由
126 0
好客租房105-配置基础路由
好客租房114-轮播图的功能
好客租房114-轮播图的功能
109 0
好客租房114-轮播图的功能
好客租房111-tabber配合路由使用
好客租房111-tabber配合路由使用
90 0
好客租房111-tabber配合路由使用
好客租房92-路由的基本使用
好客租房92-路由的基本使用
79 0
好客租房92-路由的基本使用
好客租房123-租房数据渲染
好客租房123-租房数据渲染
139 0
好客租房123-租房数据渲染
好客租房175-获取当前小区被点击房源数据
好客租房175-获取当前小区被点击房源数据
110 0
好客租房175-获取当前小区被点击房源数据
好客租房108-嵌套路由
好客租房108-嵌套路由
92 0
好客租房108-嵌套路由
好客租房158-在城市界面使用navbar
好客租房158-在城市界面使用navbar
127 0
好客租房158-在城市界面使用navbar
|
定位技术 API 容器
好客租房129-百度地图api3使用步骤
好客租房129-百度地图api3使用步骤
150 0
好客租房129-百度地图api3使用步骤
下一篇
无影云桌面