React useNavigate 和 useLocation的使用

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

米酷i

13942人浏览 · 2021-12-29 18:01:28

米酷i · 2021-12-29 18:01:28 发布

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);