我正在尝试通过 react redux 了解 promises 的中间件 docs但不理解下面的 then
部分:
const vanillaPromise = store => next => action => {
if (typeof action.then !== 'function') {
return next(action)
}
return Promise.resolve(action).then(store.dispatch)
}
then
如何知道要分派(dispatch)什么?该操作没有像
return Promise.resolve(action).then(function (action) {store.dispatch(action})
所以我不明白dispatch是怎么接收到action的。
最佳答案
我希望我能帮助解释这个问题。
让我们看看您熟悉的内容:
return Promise.resolve(action)
.then(function (action) { store.dispatch(action)} )
你看到这部分:
function (action) { store.dispatch(action)}
这只是一个等待传递“action”属性的函数。
现在,当我们查看您遇到的问题时,您的大脑是这样的:
return Promise.resolve(action)
.then(store.dispatch) // <--- this part
"dispatch"只是一个函数,在这种情况下,它需要一个参数。最有可能的是一个对象——像这样:
store.dispatch({ type: 'MY_ACTION_TYPE' })}
现在,您“可以”将它包裹在一个闭包中,就像这样,它看起来很熟悉:
.then( (action) => {
store.dispatch(action)
})
但是,我们真的需要将它“包装”在一个匿名函数中吗?不是真的,所以我们可以放置:store.dispatch,它是函数“等待”从 promise 的返回中传递参数。可以这样想:
var MultiplyByTwo = (x) => x * 2
Promise.resolve(5).then(MultiplyByTwo)
// see here, this function is gonna be called with the resolution with the 5
当我们检查函数“MultipleByTwo”时—— 它具有您所知道的熟悉的签名: (x) => x * 2
如果我们只是去掉函数名,是一样的:
Promise.resolve(5).then((x) => x * 2)
注意:您会看到 resolve(5) --> 将 resolve.then 视为链条或“切换”。当我们“resolve(5)”时,我们将那个值“5”向前传递给“.then”。现在请记住,5 的值可以是任何东西......一个原始值,在本例中为 5,一个对象 {TYPE: "WHATEVER"},一个函数等。它只是放手......就像,“嘿'.then',这是我的值(value)……”
resolve(5).then(myfunction)
| ^
|__>__>__>__>__>_|
重要的是要理解“myFunction”是上面的这个例子或者我们的 multiplyByTwo 甚至那个 store.dispatch 例子..他们都期待一个传递参数。
multiplyByTwo(x) <-- expecting one argument
或者您的函数可能不会在函数签名中声明它,但它会在函数体中,ala..
myFunction() {
const args = Array.from(arguments) // we grab the arguments
}
或者希望有任意数量的参数
myOtherFunction(...args)
但是是的——这些职能正在期待决议的一些输入来采取行动。可能存在您不关心返回值的情况,如果有的话,您只想进行一些流量控制...做这个,“然后”那个...
我希望这对您有所帮助,我希望我真的回答了您的问题。如果没有,请告诉我。
关于javascript - react redux promise middleware 如何将结果 action 发送到 dispatch?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39219077/