React router - 具有依赖关系的视图

Question

在我的应用程序中，有依赖项的视图。例如，在一个视图中，用户可以从列表中选择项目（在服务器上生成），并且在下一个视图中，用户将对该项目执行操作。该项目将传递给props中的第二个视图。我正在使用反应路由器，但有一些困难：

• 我不能再使用道具传输数据了。什么是传递数据的首选方式？我必须使用redux吗？
• 用户可以直接使用网址从任意视图导航到任何其他视图。但是，有些转换没有意义：例如用户从其他位置导航到项目编辑视图，因此没有选择项目。有没有办法限制允许的过渡？

Answer 1

这是一个非常广泛的问题，但我会抨击它。

你能用Redux吗？当然，Redux适合集中您的状态，可以在您的组件之间轻松共享。至于限制他们可以访问的URL，我会使用你的reducer来查看你当前的状态，如果你正在使用Redux并且数据不在那里，这意味着他们不应该在这一步，使用javascript重定向到它们应该的位置。

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