React useNavigate 和 useLocation的使用

最新推荐文章于 2024-09-10 05:36:05 发布

m0_67402236

最新推荐文章于 2024-09-10 05:36:05 发布

阅读量1.2k

点赞数 2

分类专栏：前端 html 文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/m0_67402236/article/details/123258595

版权

前端同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

html

30 篇文章 0 订阅

订阅专栏

useNavigate 用来跳转并传值

// 跳转传值
import { useNavigate } from 'react-router-dom'
const navigate = useNavigate();
 function clickCityHandle(city) {
    navigate('/home', { state: { name: 'zhou' } })
  }

// 接收跳转传过来的值
import { useLocation } from 'react-router-dom'
const location = useLocation()
const { state } = location
console.log(location, state);