Javascript 将axios与React和Redux一起使用

Javascript 将axios与React和Redux一起使用,javascript,node.js,reactjs,redux,Javascript,Node.js,Reactjs,Redux,我想从API中获取数据并将它们放入我的文档中,我知道如何做到这一点,但我不知道正确的方法。我在一些教程中看到,我们必须在中间件中进行每个API调用,但我找不到任何示例 我的代码: listReducer.js const initialState = { documents: [] } export default function documents(state = initialState, action) { switch (action.type) { case 'LO

我想从API中获取数据并将它们放入我的
文档中,我知道如何做到这一点,但我不知道正确的方法。我在一些教程中看到,我们必须在中间件中进行每个API调用,但我找不到任何示例

我的代码:

listReducer.js

const initialState = {
  documents: []
}

export default function documents(state = initialState, action) {
  switch (action.type) {
    case 'LOAD_DOCS':
      //set documents = response from api
    default:
      return state
  }
}
listAction.js

export function loadDocs(offset, range) {
  return {
    type: 'LOAD_DOCS',
    offset,
    range
  }
}
store.js

import { createStore } from 'redux'

import reducers from './reducers'
const store = createStore(reducers)

export default store

您好,您可以使用redux中间件“redux thunk”创建thunk。 thunk基本上是一个函数,在该函数中,您可以进行API调用,从服务器获取数据后,您可以调度一个操作,将数据设置到reducer中。 您将在thunk u将创建的文件中获得分派函数


因此,您可以使用redux中间件“redux-thunk”创建thunk,而不是直接调用dispatch。 thunk基本上是一个函数,在该函数中,您可以进行API调用,从服务器获取数据后,您可以调度一个操作,将数据设置到reducer中。 您将在thunk u将创建的文件中获得分派函数


因此,您将不直接调用调度,而是调用thunk函数

我认为中间件的意思是使用类似于
redux-thunk
、redux-sagas或redux-observates的东西来允许您调度“异步”操作。现在我明白了,谢谢!我认为中间件的意思是使用诸如
redux-thunk
、redux-sagas或redux-observates之类的东西来允许您发送“异步”操作。现在我明白了,谢谢!