web前端全系列 教程
1839个小节阅读:2244.2k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
通过state
属性传递参数:
xxxxxxxxxx
<Link to='user' state={{city:'beijing',arr:[1,2,3]}}>用户页面</Link>
使用useLocation
来接收state传递的参数,useLocation会返回一个location对象,只要浏览器地址发生改变,则这个location就会随着更新。
xxxxxxxxxx
import { useLocation } from 'react-router-dom'
function User(props) {
// 通过useLocation读取通过state传递的参数
const location = useLocation()
console.log(location)
console.log(location.state)//访问location的state属性即可
return <>
< h2>我是用户页面</h2>
</>
}
实时效果反馈
1. 使用state传参使用__读取参数:
A useParam
B useStates
C useLocation
D useState
答案
1=>C