forceRefresh控制react-router跳转的时候刷新页面或不刷新页面

马娟

于 2019-04-09 16:40:14 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： react 钉钉小程序

本文链接：https://blog.youkuaiyun.com/weixin_41077029/article/details/89153983

react 同时被 2 个专栏收录

17 篇文章

订阅专栏

钉钉小程序

9 篇文章

订阅专栏

本文介绍了一个使用React和react-router-dom实现的路由配置案例，其中包含BrowserRouter、Switch、Route等组件的应用，以及如何集成自定义的加载组件，确保页面在加载时显示友好的加载提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现代码：

import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import Loading from '../components/loading' //loading组件
import HomePage from '../pages/homePage' // 首页
const Router = () => {
  return (
    <BrowserRouter forceRefresh={true}>
      <Switch>
        <Loading>
          <Route exact path={'/'} component={HomePage} />
        </Loading>
      </Switch>
    </BrowserRouter>
  )
}

export default Router