React Redux重置数据

时间:2018-01-09 17:44:58

标签: reactjs redux react-redux

我最近开始使用React和Redux,有两个问题我无法自行解决。

  1. 我已经实现了登录和注册表单,在线搜索示例时,我发现了一些示例,其中输入的用户名和密码未使用Redux进行处理,而只是存储在组件中。状态(好像应用程序是一个纯粹的React应用程序,没有Redux)。
  2. 在我的登录表单中,我使用Reducer和一切来处理Redux中的所有内容,我错了还是随机示例错了?

    1. 关于Redux - 让我们以此减速器为例: https://gist.github.com/avrahams1/ea74cfa7a9361fdd55ad4bea9d59d07e (我无法使用SO&#39的代码功能:()。
    2. 它是服务器调用教师API的减速器,从服务器获取所有教师。 正如您所看到的那样,有4种状态 - 未调用,服务器挂起,成功(有数据),失败(有错误)。

      我的问题是 - 在每种情况下我都必须明确重置其他数据,否则一旦“#34; loading" flag设置为true,它永远不会设置为false,对于错误也是如此。 即使数据到达时我的组件也会卡在“加载”上,我在这里做错了什么? 我应该如何重置加载和错误字段等内容?

      谢谢,Avi。

1 个答案:

答案 0 :(得分:0)

  1. 你和你看到的例子都不对。 See here获得更详细的答案。仅仅因为您使用Redux并不意味着您处理的每一个数据都必须存储在Redux中。在您看到的示例的情况下,其作者可能决定保留用户名和&全局应用程序状态下的密码没有用,只是想使用本地状态来实现受控输入。

  2. 明确关于状态是工作状态机的基础。详细说明存储在全局状态中的每个数据应该如何响应任何给定的操作而进行/转换是没有错的。恰恰相反,真的。这确保了对于任何给定的输入(即当前状态,动作类型和动作有效载荷),结果将始终完全相同 - 这是Redux背后的核心概念。我发现您在要点中发布的代码没有错。