react里得到props为空，怎么办？

为什么会出现这样的情况？

当你的页面是路由跳转时，那么你可以得到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>
  )
}

本人的浅显理解，欢迎各位大佬指正。