关于redux-saga中take使用方法详解

本文介绍了关于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。

上代码:

rush:js;"> effects: { * takeDemo1({payload},{put,call,take}) {

},* takeInputChange({payload},take,takeEvery,takeLatest}) {
// yield call(delay,1000);
console.log(takeEvery);
// for (let i = 0; i < 3; i++) {
const action = yield take('takeBlur'});
console.log(action,'action');
console.log(payload.value);
// }

},* takeBlur() {
console.log(323)
},}

rush:js;"> changeHandle(e){ this.props.dispatch({type:'takeInputChange',payload:{value:e.target.value}}) } blur(){ this.props.dispatch({type:'takeBlur'}) } render() {

return (
<div style={{position: 'relative'}}>

) }