React Redux中的纯动作是什么?

Stackjlei

我正在学习redux saga,但以下内容并没有说明作者的意思:

与redux thunk相反,您不会陷入回调地狱,可以轻松测试异步流,并且操作保持纯净。

“回调地狱”和“纯粹行动”的任何示例将不胜感激。

亚历克斯·杨

纯函数

纯函数是一种函数类型,当给定相同的参数时,它将始终产生相同的结果,并且不会修改其范围外的任何变量。例如,

function addTwoIntegers(a, b) {
    return a + b;
}

如果我们传递a = 2和b = 3,则结果将始终为5。这是一件好事,因为它使测试该功能更加容易-我们可以肯定地知道它们对于给定输入对的输出。

与此形成对比的是,例如,一个函数从API加载数据并将其分配给变量:

let result;

function AddIntegerToNumberFromServer(a) {
    fetch('api/numberGenerator').then(function(res) {
       result = a + res.data.number;
    });
}

在这种情况下,我们可以多次使用相同的参数调用该函数,而不必确定获得相同的结果。这样的结果是该函数很难测试-我们可能必须创建api的模拟。我们还必须确定结果的初始值是多少,以便知道我们的职能是否按计划进行。

回调地狱

您可能知道,回调是我们作为参数传递给另一个函数的函数,因此我们可以将某些代码的执行推迟到第二个函数完成为止。当我们对此进行深入研究时,就会发生回调地狱-正如jQuery上方的某人所评论的那样,它似乎邀请了这种样式-例如:

$(function() {
    $('#element').click(function() {
        $(this).fadeOut(function() {
            $('#anotherElement').fadeIn();
        }
    }
}

这里的问题主要是人类对代码的理解以及易于阅读的问题之一。试想一下,如果这进一步深入(并非罕见),弄清正在发生的事情和时间将是多么困难。

在回调方面,重做Redux的人远不是罪魁祸首,可以通过使用Promise而不是回调来减轻可读性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

react.js中合适的动作类型是什么?

来自分类Dev

react.js中合适的动作类型是什么?

来自分类Dev

React-Redux 中 mapStateToProps 中的 state 参数是什么

来自分类Dev

在React / Redux中调度动作的问题

来自分类Dev

使用Redux在React中调度动作的问题

来自分类Dev

React中的状态是什么?

来自分类Dev

在Flux中,一个React组件中的动作影响另一个组件的合适方法是什么?

来自分类Dev

动作不会在React + Redux中触发reducer

来自分类Dev

React:减少动作导致Redux Reducer中的状态不确定

来自分类Dev

如何从react / redux中的加载动作触发加载动画

来自分类Dev

在React Redux应用程序中规范状态的示例是什么?

来自分类Dev

{... action.response} react.js或redux中这3个点的用途是什么

来自分类Dev

使用React和Redux在UI中成功处理REST POST操作的常用方法是什么

来自分类Dev

将XHR数据加载到React Redux路由页面中时,事件的顺序是什么?

来自分类Dev

这个 react-redux 待办事项示例中的 children 参数是什么?

来自分类Dev

React + Redux - 等待动作结束?

来自分类Dev

React/Redux - 不分派动作

来自分类Dev

ref和node在react-redux中指的是什么?

来自分类Dev

使用React Js的最佳方法是什么:Redux,Hooks或Context?

来自分类Dev

在React Redux中进行复杂过滤的最佳实践是什么

来自分类Dev

什么是...存储在React Native Redux中?

来自分类常见问题

React中引用的正确原型是什么?

来自分类Dev

React中的“ Prop”到底是什么?

来自分类Dev

React中的_dereq_()是什么?

来自分类Dev

组件<{},{},状态>。React中的语法是什么?

来自分类Dev

Angular世界中React的“ $ emit”是什么

来自分类Dev

react中这个组件的名字是什么?

来自分类Dev

React 中以下道具的来源是什么?

来自分类Dev

计时器React + Redux。React不要通过ComponentDidMount中的计时器(SetInterval)调度动作

Related 相关文章

  1. 1

    react.js中合适的动作类型是什么?

  2. 2

    react.js中合适的动作类型是什么?

  3. 3

    React-Redux 中 mapStateToProps 中的 state 参数是什么

  4. 4

    在React / Redux中调度动作的问题

  5. 5

    使用Redux在React中调度动作的问题

  6. 6

    React中的状态是什么?

  7. 7

    在Flux中,一个React组件中的动作影响另一个组件的合适方法是什么?

  8. 8

    动作不会在React + Redux中触发reducer

  9. 9

    React:减少动作导致Redux Reducer中的状态不确定

  10. 10

    如何从react / redux中的加载动作触发加载动画

  11. 11

    在React Redux应用程序中规范状态的示例是什么?

  12. 12

    {... action.response} react.js或redux中这3个点的用途是什么

  13. 13

    使用React和Redux在UI中成功处理REST POST操作的常用方法是什么

  14. 14

    将XHR数据加载到React Redux路由页面中时,事件的顺序是什么?

  15. 15

    这个 react-redux 待办事项示例中的 children 参数是什么?

  16. 16

    React + Redux - 等待动作结束?

  17. 17

    React/Redux - 不分派动作

  18. 18

    ref和node在react-redux中指的是什么?

  19. 19

    使用React Js的最佳方法是什么:Redux,Hooks或Context?

  20. 20

    在React Redux中进行复杂过滤的最佳实践是什么

  21. 21

    什么是...存储在React Native Redux中?

  22. 22

    React中引用的正确原型是什么?

  23. 23

    React中的“ Prop”到底是什么?

  24. 24

    React中的_dereq_()是什么?

  25. 25

    组件<{},{},状态>。React中的语法是什么?

  26. 26

    Angular世界中React的“ $ emit”是什么

  27. 27

    react中这个组件的名字是什么?

  28. 28

    React 中以下道具的来源是什么?

  29. 29

    计时器React + Redux。React不要通过ComponentDidMount中的计时器(SetInterval)调度动作

热门标签

归档