如何将 React Link 中的 props/state 传递给功能组件？

Question

我遇到了一个问题，我试图在链接上传递状态，但在使用状态时我一直未定义。我的测验卡布局功能会获取详细信息，然后在单击按钮时链接页面，并将详细信息作为状态。然后在我的子/链接函数中，我尝试使用状态。

-- 我试图通过使用我可以引用我的子/链接函数以使用传递的信息的状态来传递我的链接中的道具。我目前正在学习 React (16.2)，任何信息都将不胜感激，谢谢。我也在使用功能组件，会有更好的方法吗？我最初的方法是当用户点击按钮时，它会将他们链​​接到一个新的标签页，并通过链接显示上一页的信息。如果需要，我会发布更多信息。

在我的 child/link PetLayout 函数中，我尝试使用 props 来查看它是否包含 state 和 useLocation 但两者都未定义。

在我的 App js 中，我有路线

更新：我的问题是 target = '_blank' 在这种情况下它现在可以工作了。为什么target = '_blank'会导致状态未定义的问题？

Answer 1

@Daniel S _blank 正在新选项卡中打开，因此它是应用程序的另一个实例，即使应用程序相同但内部工作方式不同，所以我建议您使用 queryString 和 localStorage。