React w/ Redux - 在历史中查找匹配路径的最佳方式
React w/ Redux - Best way to find matching path in history
我有一个 React/Redux 项目,它由导航、项目列表和详细信息窗格(显示一个项目)组成。
"Pop hits 2"相册可以通过导航到路径“/list/all”或“/list/pop”然后选择"Pop hits 2"行。当 "Pop hits 2" 打开时,路径变为“/album/1234567890”。为了正确呈现 UI,我需要知道在关闭详细信息窗格时从(“/list/all”或“/list/pop”)中打开 "Pop hits 2" 的位置。相册也可以从共享 link 打开。我 不 希望使用 history.go(-1) - 这在粘贴共享 link 时不起作用。
我需要能够在历史记录中找到与上次打开的列表相匹配的实际路径。
是否有推荐的方法可以在 React 中实现此目的?
亲切的问候/K
我发现查看应用程序的最佳方式是简单地使用 React Router Link 中的状态 属性。
This article 关于如何将状态从 Link 传递到组件确实有助于解释如何使用 Link 状态。
基本上 Link 可以将状态 属性 传递给渲染组件。
<Link to={{ pathname: "/courses", state: { fromDashboard: true } }} />
渲染的组件然后通过props.location.state
访问状态
这与将道具传递给生成链接的组件一起解决了我的问题! (^__^)
我有一个 React/Redux 项目,它由导航、项目列表和详细信息窗格(显示一个项目)组成。
"Pop hits 2"相册可以通过导航到路径“/list/all”或“/list/pop”然后选择"Pop hits 2"行。当 "Pop hits 2" 打开时,路径变为“/album/1234567890”。为了正确呈现 UI,我需要知道在关闭详细信息窗格时从(“/list/all”或“/list/pop”)中打开 "Pop hits 2" 的位置。相册也可以从共享 link 打开。我 不 希望使用 history.go(-1) - 这在粘贴共享 link 时不起作用。
我需要能够在历史记录中找到与上次打开的列表相匹配的实际路径。
是否有推荐的方法可以在 React 中实现此目的?
亲切的问候/K
我发现查看应用程序的最佳方式是简单地使用 React Router Link 中的状态 属性。
This article 关于如何将状态从 Link 传递到组件确实有助于解释如何使用 Link 状态。
基本上 Link 可以将状态 属性 传递给渲染组件。
<Link to={{ pathname: "/courses", state: { fromDashboard: true } }} />
渲染的组件然后通过props.location.state
访问状态这与将道具传递给生成链接的组件一起解决了我的问题! (^__^)