使用 redux thunk 调度

Question

我目前正在学习 redux-thunk 并遇到了使用 function 返回 function 的奇怪语法。

const App = () => {
  const dispatch = useDispatch()

  useEffect(() => {
    dispatch(anecdoteService.initializeAnecdotes())
  }, [dispatch])

这也可以重写为

const App = () => {
  const dispatch = useDispatch()

  useEffect(() => {
    anecdoteService.initializeAnecdotes()(dispatch)
  }, [dispatch])

初始化轶事定义是

const initializeAnecdotes = () => {
  return async dispatch => {
    const anecdotes = await getAll()
    dispatch({
      type: 'INIT_ANECDOTES',
      data: anecdotes,
    })
  }
} 

它们都有效（至少对我来说），我的问题是第一个版本是如何工作的？

Answer 1

redux-thunk 允许你调度被调用的函数：https://github.com/reduxjs/redux-thunk/blob/master/src/index.js如果你没有使用 redux-thunk 你会得到一个错误。