Question

我试图获得一个通用页面，我通过链接将数据发送到该页面。

<NavLink tag={Link} className="text-dark" 
   to={
   {pathname:"/PageInfo-data" ,
    aboutProps:{
      title:"page info title"
    }
    }} 
>PageInfo data</NavLink>

当我转到组件并调用props.location时，状态变为未定义，并且无法访问aboutProps

export default class PageInfo extends Component{

    render(){
        const About=(props)=>{
            console.log(props.location)
            return <div></div>
        }
        console.log(this.props.location)
        return <div></div>
    }

}

编辑：我发现事情可以解决，但是我必须单击链接，有没有办法使它直接路由到页面就可以单击链接？谢谢。

Answer 1

路由器将在几个地方为您提供位置对象：

Route component as this.props.location
Route render as ({ location }) => ()
Route children as ({ location }) => ()
withRouter as this.props.location

withRouter

如何通过props.location传递数据？

1 个答案: