本文共 557 字，大约阅读时间需要 1 分钟。

首页模块

1、首页路由处理

• 修改首页路由规则为： /home（去掉 /index） （就是访问 /home 显示 /home/index 组件内容）
• 配合默认路由，实现默认跳转到 /home（）
• render 属性：是一个函数 prop，用于指定要渲染的内容
• Redirect 组件用于实现路由重定向，to 属性指定要跳转到的路由地址

1）、修改App.js  设置默认路由 / 跳转到 /home （注意使用精确匹配 exact）

import React from 'react'// 导入路由import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom'// 导入首页和城市选择两个组件（页面）import Home from './pages/Home'import CityList from './pages/CityList'// 导入要使用的组件import { Button } from 'antd-mobile'function App() {    return (        
               
    
                     {/* 默认路由匹配时，跳转到 /home
    
   

转载地址：https://blog.csdn.net/yexiangCSDN/article/details/117332152 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！