React route不重新整理

2021-10-10 04:45:43 字數 1399 閱讀 3947

使用withrouter關聯頁面元件實現跳轉重新整理。

錯誤示例

import './body.css';

import react, from 'react';

import from 'react-router-dom';

const home = lazy(() => import('../home'))

const about = lazy(() => import('../about'))

const user = lazy(() => import('../user/user'))

const error = lazy(() => import('../error'))

class body extends component >)}}

export default body;

正確示例

import './body.css';

import react, from 'react';

import from 'react-router-dom';

import from 'react-router';

const home = lazy(() => import('../home'))

const about = lazy(() => import('../about'))

const user = lazy(() => import('../user/user'))

const error = lazy(() => import('../error'))

class body extends component >)}}

export default withrouter(body);

路由元件新增key,跳轉識別。 這裡的location有屬性key。

withrouter是react-router的乙個高階元件,可獲取history

render時會把match, location和history傳入props

react中經過路由渲染的元件才擁有路由引數,使用this.props.history.push('/a')跳轉到對應路由的頁面

使用withrouter可以將路由引數傳入this.props中

官方文件: you can get access to thehistoryobject』s properties and the closest'smatch

flex 不重新整理修改

後台返回xml做為樹的資料來源,現在需要刪除3333333這個節點,但是又不能重新整理。首先想到的肯定都是直接remove。但是經過本人的測試都不行。於是最後找到了乙個這樣的解決辦法。刪除選中子節點 強悍districtinfo樹節點id districtinfo.datadescriptor.re...

vue實現前進重新整理,後退不重新整理

專案中客戶提出返回列表頁需要快取之前查詢的資料,用到了以下方法解決了這個需求 實現思路 注 demo中,index頁面包含三個鏈結導航。page1 page2 page3.依次前進,每次前進到乙個新頁面都需要獲取資料,而按下後退鍵後,從page3返回到page2,page2不再獲取新資料,而是使用之...

beego註解路由不重新整理 不生效

本文主要說明本人在使用beego的註解路由時不生效問題 背景 1 按照官網進行註解路由配置,第一次設定路由,完全正確,註解路由可用。2 修改路由注釋後,發現swagger頁面並未有對應的更新 3 發現刪除commentsrouter controllers.go檔案重新生成,清空瀏覽器快取都沒效果分...