反应导航+管理导航状态

时间:2020-06-29 17:32:36

标签: reactjs

我正在构建针对Web和移动设备的React.js应用程序,我暂时不打算使用React Native。

我对构建React应用程序还很陌生,所以这主要是关于最佳实践和/或我应该了解的任何工具的问题。

我有相当标准的导航用例。 基本上,我有一些可以用id标识的数据对象,我想在这些对象的不同视图之间导航。

例如:myapp.com/viewA/123(其中123是我的api访问的某些对象的ID)

我计划将导航状态存储在Apollo客户端缓存中,因为我已经将其用于api数据。

所以在Apollo Client缓存中是这样的

Navigation:{
   selectedDataEntity: 123,       
   previosDataEntities; [456,789],
   selectedView:viewA
}

如果有人深入链接到我的应用程序,则可以使用componentDidMount方法从url更新导航状态。

然后我可以拥有一个带有Navigation的专案,我可以使用它来提供诸如selectedId之类的道具(也许以后可以在其中提供诸如navigateToPrevious之类的功能)

我只是想知道这是否是个好主意?

有没有我应该注意的库(例如,可能提供了开箱即用的NavigationBack / forward功能)。

谢谢

0 个答案:

没有答案