Как передать данные через props.location?

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