redux-saga中take如何使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了redux-saga中take如何使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2334字，纯文字阅读大概需要4分钟。
内容图文
本文主要和大家介绍了关于redux-saga中take使用方法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。带来一个自己研究好久的API使用方法.
redux-saga中effect中take这个API使用方式,用的多的是call,put,select,但take这个平常还真没什么机会用上,也不清楚在哪里使用才好,不管怎么样,既然是redux-saga写出来的,肯定是有他的用法的,不管37 21,先学会使用方法再说.
先看看介绍:
take
take的表现同takeEvery一样，都是监听某个action，但与takeEvery不同的是，他不是每次action触发的时候都相应，而只是在执行顺序执行到take语句时才会相应action。
当在genetator中使用take语句等待action时，generator被阻塞，等待action被分发，然后继续往下执行。
takeEvery只是监听每个action，然后执行处理函数。对于何时相应action和 如何相应action，takeEvery并没有控制权。
而take则不一样，我们可以在generator函数中决定何时相应一个action，以及一个action被触发后做什么操作。
最大区别：take只有在执行流达到时才会响应对应的action，而takeEvery则一经注册，都会响应action。
上代码:
页面上有一个input,绑定了两个方法,第一个是onchange方法,一个是onBlur方法,
当input值改变 的时候,通过 this.props.dispatch({type:'takeInputChange'}),调用此函数,但是因为遇到了take的方法,不能往下继续执行了(暂停了),如果这里的take换成了takeEvery则大有不同,函数会继续执行,就是下面的两个console会执行,
而takeEvery执行的方法则放在它的回调里了,看下面代码
需要强调的是每次input改变的时候都会触发这个函数,所以每次改变的时候,会看到控制台都会打印一次console里的值.
接下来,如果input失去焦点后,则会执行onBlur方法,此时调用this.props.dispatch({type:'takeBlur'});
在takeInputChange里的take因为监听到了takeBlur这个action,那么就会继续执行需要执行的内容.
这个take反正是研究了还算长的时间,不知道这个东西在哪些时候能够派的上用场。
以上就是redux-saga中take如何使用的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的redux-saga中take如何使用全部内容，希望文章能够帮你解决redux-saga中take如何使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。