React router -带依赖的视图

React router - views with dependencies

本文关键字：视图 依赖 router React      更新时间：2023-09-26

在我的应用程序中，有带有依赖关系的视图。例如，在一个视图中，用户可以从列表(在服务器上生成)中选择一个项目，而在下一个视图中，用户将对该项目执行操作。item在props中传递给第二个视图。我正在使用react路由器，但有一些困难:

  • 我不能再使用道具来传输数据了。传递数据的首选方式是什么?我一定要用redux吗?
  • 用户可以直接使用url从一个视图导航到另一个视图。然而，有些转换没有意义:例如，用户从其他地方导航到项目编辑视图，因此没有选择项目。有没有办法限制允许的过渡?

这是一个非常宽泛的问题，但我将尝试一下。

你会使用Redux吗?当然，Redux很适合集中您的状态，这样可以很容易地在组件之间共享。至于限制url的他们可以访问，我会用你的减速机看看你的当前状态，如果你使用Redux，如果数据不存在，这意味着他们不应该在这一步，使用javascript重定向到他们应该在哪里。

最后，您不必使用Redux在组件之间共享数据，这可以通过设置组件可以访问的全局变量来完成，但是跨组件通信是Redux的亮点。

相关文章：