如何使用 this.props.history 发送的数据？

Posted 2023-02-22

【中文标题】如何使用 this.props.history 发送的数据？

【英文标题】：how to use data that are sent by this.props.history?

【发布时间】：2020-06-27 17:38:48

【问题描述】：

当我想使用 this.props.history.push("/") 从一条路线转到另一条路线时，我还想发送一些额外的数据，例如：this .props.history.push('/postDetail', data: item)。但是我不知道在我们去的类中如何定义这些数据。

提前谢谢你

【问题讨论】：

你可以在这里***.com/questions/44121069/…

【参考方案1】：

您可以发送来自路由器的名为 state 的道具：

this.props.history.push(
 pathname: '/postDetail',
 state:  data: item 
);

所以现在你的组件附加到该路由将具有可用的位置属性，在位置对象内是你传递的状态。 更多信息在这里：https://reacttraining.com/react-router/web/api/history