reactjs - react 路由器的位置状态在路由改变时变得未定义

Question

我要存储 url query作为现场状态。

~   history.push({
+     ...history.location,
+     search: query.toString(),
+     state: {
+       myState: query.toString(),
+     },
+   })

我怀疑在路线改变时获取状态，但是 state成为 undefined当我从其他路线回来时。

Answer 1

就是这样state (来自 History API)有效。状态附加到 session 中的位置，当您直接导航到页面时，状态不存在(或者更确切地说，是 null )。

一般来说，我不建议使用 location.state 传递临时数据(如重定向位置)以外的任何内容。如果您需要将数据附加到某个位置，我建议您使用路径参数或搜索参数，并拥有一个可以从中查找该数据的商店。

// path params
{ pathname: `/path/name/${SOME_ID}` }
// search params
{ search: `?someID=${SOME_ID}` }

如果你真的想使用 location.state，当 location.state 为空时，你的路线需要有某种备份计划来使用一些默认值。