Javascript 如何在react js中通过链接发送数据？

我正在与react js合作，我正在寻找通过链接发送数据的解决方案。当我点击一个菜单时，它会将我重定向到另一个页面，我想从上一个页面获取数据，所以我就是这么做的：

 <Menu>
    <Menu.Item>

      <Link to="/servicecontreservice" params={{ dataToSend: '55' }} >Proposer un service</Link>
    </Menu.Item>
    <Menu.Item>
      <Link to="/prix">Proposer un montant</Link>
    </Menu.Item>
  </Menu>

联合国服务提议人
提议人

在另一个文件中，有以下代码用于从链接获取数据：

class myClass extends React.Component {



  state = {
    value:`${this.props.dataToSend}`}



  render() {
    return(
<p> {this.state.value}</p>
     );
  }
}

myClass.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles()(myClass);

类myClass扩展了React.Component{
状态={
值：`${this.props.dataToSend}`}
render（）{
返回(
{this.state.value}

);
}
}
myClass.propTypes={
类：PropTypes.object.isRequired
};
使用样式（）导出默认值（myClass）；

---

…但是我没有得到任何数据，当我使用console.log（

${this.props.eventName}

）时，我得到了“未定义”.

您使用的库是什么？我使用react router dom作为链接，使用antd作为菜单。Item我想您需要

this.props.params.dataToSend

要获取您的参数，您应该使用：this.props.route.params.dataToSend您应该将中的“params”作为值发送到对象中的搜索键。另外，您需要注意，React组件在我看来非常不稳定。我还没能测试它，但是你设置状态的方式不对，你应该使用构造函数和超级方法。