前言：一些很簡單的頁面例如從列表頁面進入詳情頁面或者編輯頁面會將id放入到url中，然后在對應的頁面url中獲取id，如果參數過多就會使url變得很長而已很模糊，另外用戶還可以手動對參數進行修改，這樣極其不安全，有沒有什么方法讓用戶看不到參數，答案肯定是有的，接下來我們就探討一下。

一、傳遞參數

1. 引入useHistory

import { useHistory } from 'react-router-dom';

2. 獲取實例history

const history = useHistory()

3. 頁面跳轉時

 url是要跳轉的目標頁面地址
 parameter是要在B頁面使用的參數一般是一個Object
 history.push(url, parameter);

二、接收參數

1. 引入useLocation

import { useLocation } from 'react-router-dom';

2. 獲取實例location

const location = useLocation()

3. 使用參數

 location.state[參數名]

至此本篇文章就已經介紹完了，如果錯誤歡迎大家指正。