react中路由傳參和url傳參

一、如果路由跳轉的頁面是必須要一個引數的，那麼可以在路由配置檔案中的path中新增要傳遞引數的引數名。

path: 'account-info/:id'

接受引數的時候使用react-router-dom中的useParams函式就可以了。

const { id } = useParams()

二、如果需要跳轉的頁面可以有引數也可以沒有，使用這個方法就會造成歧義，使用useParams取值會取成:id。

可以換成下面這種方法

navigate(`/merchant?store_id=${data.data.store.store_id}`)   //存值

const location = useLocation()
const searchParams = new URLSearchParams(location.search)
const store_id = searchParams.get('store_id')     //取值