为什么会出现这样的情况?
当你的页面是路由跳转时,那么你可以得到props对象,但是有时项目比较大时各个组件间相互嵌套,可能会丢失props,得到空对象。
如何解决
react-router-dom@5版本
这个一般用withRouter就可以解决
import React from 'react'
import {withRouter} from "react-router-dom"
function Home(prpos) {
return (
<div>Home</div>
)
}
export default withRouter(Home)
react-router-dom@6版本,这个里面withRouter被弃用了,可以用useNavigate来进行页面跳转。
import { useNavigate } from 'react-router-dom';
export default function Home() {
const navigate = new useNavigate()
const goClick = () => {
navigate("跳转路径")
}
return (
<div>
<button onClick={goClick} />
</div>
)
}
本人的浅显理解,欢迎各位大佬指正。