react state传参

最新推荐文章于 2024-03-21 14:42:53 发布

--北海道的夏天不会说再见--

最新推荐文章于 2024-03-21 14:42:53 发布

阅读量666

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/lonsole/article/details/126385550

版权

这两天使用react写项目，记录一下state传参，由于 react-router-dom 版本在6以上，所以原来的BrowserRouter被替换成了 useNavigate
注：如果react-router-dom版本在6以下，还是原来的 BrowserRouter
下面就浅谈一下 useNavigate 和 useLocation 配合的使用方式

// A 组件
import { useNavigate } from 'react-router-dom'
export default A() {
	const navigate = useNavigate()
	// 传递参数函数
	const submitBtn =() => {
		navigate('/list',{state:{test:'吴彦祖'}})
	}
}

// B 组件
import { useLocation } from 'react-router-dom'
export default B() {
	const location = useLocation()
	console.log(location,'接收参数') // state:{test:'吴彦祖'}
}