React-Router：使用 Navlink 将道具从一个组件传递到另一个组件

我在用<NavLink> for routing现在我怎样才能通过props into <NavLink>到另一个组件

使用以下方式将数据传递到导航组件的方式Link and NavLink

<Link to={{
   pathname:'/home',
   state: {name:'from home page'}  
 }}>
  Go to Home
</Link>

或使用导航链接

<NavLink to={{
   pathname:'/home',
   state: {title:'from home page'}  
 }}>
  Go to Home
</NavLink>

在导航组件内，您可以像这样访问。

如果是钩子

import {useLocation} from 'react-router-dom'

    function App(){
      let location = useLocation();
      console.log(location)
      return <h2>...</h2>
    }

如果它是基于类的组件

console.log(this.props.location)