【问题标题】:How to handle state for dynamic content in Redux如何在 Redux 中处理动态内容的状态
【发布时间】:2018-08-27 20:30:18
【问题描述】:

所以我有一个 redux 应用程序,使用 React Router 设置。 访问路线中的每个页面后,我都会获取该页面的数据。

这工作正常,直到我到达 pageX/:id。 此页面有一个项目列表,每个项目都是具有自己状态的视图。 (例如,其中一项是多项选择调查,另一项是文本输入块)。

项目显示在列表中,直到获取页面数据后才能知道项目的数量和排列。

我目前处理这个问题的方式是在渲染组件时将我的所有状态存储在组件中。

我想将其重构为 redux 状态,但我不确定如何执行此操作。有没有一种将减速器动态附加到应用程序状态的好方法?或者我可以遵循另一种模式

【问题讨论】:

  • 看看normalizr。重点不是要使用它,而是要观察状态是如何构造的,以便更轻松地处理具有任意复杂性/关系的动态获取数据。
  • 嗯,这实际上可能会有所帮助。

标签: javascript reactjs redux


【解决方案1】:

您可以使用redux-thunk 并连接您的组件,以便将其本地状态存储在 redux 中。每次你可以调度一个动作来更新组件的 redux 状态。

Redux 的作者 Dan Abramov 可以找到更好的解释,他在 stackoverflow 的一个关于 redux-thunk 及其跨组件。 在他的回答中处理 PS 超时是另外的事情。

How to dispatch a Redux action with a timeout?

【讨论】:

    猜你喜欢
    • 2018-08-02
    • 1970-01-01
    • 1970-01-01
    • 2010-12-18
    • 2017-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多