react进入路由前获取数据_如何在react中从div组件路由到新页面时发送数据?

我在路由中有一个div组件,它是默认路由。从这个组件onclick我想发送一个json对象到一个新的页面。这将是一个新打开的页面。现在我找不到更好的选择,所以我在url中发送整个json对象,但我知道这不是一个正确的方法。我就是这样做的。我在url中发送json对象数据,并使用redirect push转到一个新页面“./shopdetail”:-

import React, { Component } from 'react';

import { Redirect } from 'react-router-dom';

class ShopsCatOptions extends React.Component{

constructor(props){

super(props);

this.state={

shopd: this.props.shop.name,

redirect:false,

data:JSON.stringify(this.props.shop)

};

}

handleOnClick = () => {

this.setState({

redirect: true,

});

}

render() {

if (this.state.redirect) {

return ;

}

return(

{

this.state.shopd

}

)

}

}

export default ShopsCatOptions

有什么更好的方法来发送这些数据呢?我们能用类似于把道具传递给内部组件的方式发送吗?