zoukankan      html  css  js  c++  java
  • 实战build-react(三)

    安装 redux-thunk
    yarn add redux-thunk 或 npm install redux-thunk --save
    https://github.com/zalmoxisus/redux-devtools-extension#installation(store/index配置)
    redux-thunk用来解决异步请求时,action必须是js对象,用了thunk后,action就可以是函数了

    我个人感觉redux-thunk结合asnyc await已经足够了,saga似乎还增加了项目的复杂度(网查)

    Async/Await是一个期待已久的JavaScript特性,让我们更好的理解使用异步函数。它建立在Promises上,并且与所有现有的基于Promise的API兼容。(网查)

    Async/Await或Promises配合thunk

    yield配合saga

    是否释放锁:调用sleep和yield的时候不释放当前线程所获得的锁,但是调用await/wait的时候却释放了其获取的锁并阻塞等待。

    redux-saga是通过ES6中的generator实现的,redux-saga本质是一个可以自执行的generator。

    # sleep让线程阻塞,且在指定的时间之内都不会执行,时间到了之后恢复到就绪状态,也不一定被立即调度执行;

    # yield只是让当前对象回到就绪状态,还是有可能马上被再次被调用执行。

    # await/wait,它会一直阻塞在条件队列之上,之后某个线程调用对应的notify/signal方法,才会使得await/wait的线程回到就绪状态,也是不一定立即执行。

    谁的方法:yield和sleep方法都是Thread类的,而wait方法是Object类的,await方法是Condition显示条件队列的。

    执行环境:yield和sleep方法可以放在线程中的任意位置,而await/wait方法必须放在同步块里面,否则会产生运行时异常。

    安装 react-redux

    yarn add react-redux

    import {Provider} from 'react-redux';
     
  • 相关阅读:
    PAT-乙级-1008 数组元素循环右移问题
    PAT-乙级-1007 素数对猜想
    PAT-乙级-1006 换个格式输出整数
    PAT-乙级-1005 继续(3n+1)猜想
    PAT-乙级-1003 我要通过!
    PAT-乙级-1004 成绩排名
    PAT-乙级-1002 写出这个数
    PAT-乙级-1001 害死人不偿命的(3n+1)猜想
    PAT-甲级-1002-A+B for Polynomials
    【windows】共享文件夹设置
  • 原文地址:https://www.cnblogs.com/dianzan/p/10907265.html
Copyright © 2011-2022 走看看