react路由時，不能正常渲染，需要刷新，才能渲染

原創 田江 2020-06-25 23:13

刪除你多餘的BrowserRouter標籤，整個項目中，寫一個BrowserRouter 標籤就行。

如在index.js裏寫了：

在App.js寫了

去掉App.js裏的BrowserRouter標籤，改成如下：

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

react-router4 - 實現Link組件進行點擊跳轉

素燃 2020-06-06 12:37:23

Nginx配置ReactRouter browserHistory browserRouter

重定向根目錄 server { ... location / { try_files $uri $uri/ /index.html } } 重定向到指定目錄 server { ... location /

王海虎 2020-07-05 23:59:26

當多個使用同一個組件的時候，切換頁面地址，頁面不刷新的問題

如標題所說的問題，更詳細一點就是多個router使用同一個react頁面組件的時候，當切換路由的時候，頁面組件不重新構建，頁面也不刷新。 例如： router.js import Index from './routes/Inde

Monkey_shuo 2020-07-02 17:12:40

ts+react 單元測試 測react-route

組件如下 import {Link, Route, Switch, Redirect, withRouter, RouteComponentProps} from "react-router-dom"; /** path of rou

菜鸟小佳 2020-07-02 00:58:53

【react-router4.0+】版本導入browserHistory失效（'BrowserHistory' is not exported from 'react-router'）

當在js文件中引用： import {BrowserHistory} from 'react-router' 報錯： ./src/pages/store.js Attempted import error: 'BrowserHisto

BBbila 2020-06-27 15:59:45

如何從查詢字符串獲取參數值

本文翻譯自：How to get parameter value from query string How can I define a route in my routes.jsx file to capture the __fire

CHCH998 2020-06-25 22:38:55

React Router v4 & v5 攔截器(鉤子)、靜態路由、route-view 實現

前提 React Router 再 v3 版本之前 是有 onEnter 鉤子函數的，也支持靜態路由配置；，但到了 v4 版本後鉤子函數被移除，官方說是爲了將此提供給開發者，由開發者自由發揮。既然如此我們就只能自己實現，目前網上有

it浪子博客 2020-06-22 21:15:47

react-router5 學習使用記錄

  一，目錄結構 二，index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App fro

[email protected] 2020-06-21 15:44:44

關於 React Router 4 的一切

原文地址：All About React Router 4原文作者：BRAD WESTFALL譯文出自：掘金翻譯計劃本文永久鏈接：github.com/xitu/gold-m…譯者：undead25校對者：sunui、LouisaNiki

囧 2020-06-20 16:10:14

React-router5.x使用總結

在 React router 中通常使用的組件有三種： 路由組件（作爲根組件）: BrowserRouter（history模式） 和 HashRouter（hash模式） 路徑匹配組件: Route 和 Switch 導航組件: Lin

duansamve 2020-06-16 12:12:32

webpack模塊化打包，結合react-route實現分文件打包，按需加載

一般單頁應用是離不開路由的，那麼一般引入組件的時候大家習慣性的使用import XXX from ‘XXX’，這樣的話，webpack在打包的時候會將import的組件全部打包進去，這裏我是利用react-route來實現路由機制

爱死费崇政 2020-06-16 05:46:10

react-router攔截與配置

import React, { Component } from 'react'; import { Route, Switch, Redirect } from 'react-router-dom'; import Test1 fr

Franklin阳 2020-06-16 03:30:22

react後臺管理系統路由方案及react-router原理解析

    最近做了一個後臺管理系統主體框架是基於React進行開發的，因此係統的路由管理，選用了react-router（4.3.1）插件進行路由頁面的管理配置。 實現原理剖析 1、hash的方式     以 hash 形式（也可以

MonkeySoft 2020-06-14 18:30:10

React-Router 學習筆記

React Router 是一個基於 React 之上的強大路由庫，它可以讓你嚮應用中快速地添加視圖和數據流，同時保持頁面與 URL 間的同步。 不使用react-router時的路由跳轉方案： import React from 'r

小书包大梦想 2020-06-07 16:01:51

react-router5 - 實現 Switch 和 Redirect 組件

素燃 2020-06-06 12:37:22