使用reach-router时如何清除location.state？

Question

在我的React应用程序中，我根据用户的来源对路由组件的初始化/渲染执行条件逻辑。如果他来自页面A，则指向该页面的链接包含在呈现路由时从this.props.location.state读取的状态数据。但是在刷新时，我需要页面“忘记”用户来自哪里(或者更具体地说，清除location.state)。

不幸的是，Reach路由器没有使用history作为依赖项，所以像these这样的支持history.update()的解决方案似乎不会起作用。

Answer 1

首先，您查看的history.update()文档是针对react-router的，而不是针对react-router的(它们非常相似，但并不相同，查看错误的文档只会让您头疼)。

您可能会遇到的下一个问题是，您需要找出需要更改location.state的哪一部分。这将取决于您在用户导航到页面时在状态中设置的内容。默认情况下，到达路由器状态只包含一个键，用于有条件呈现的状态是您设置的值。因此，您需要删除的是location.state.value (值是您设置的值)，方法是将值设置为null或false，这将停止条件渲染。