Javascript 将axios与React和Redux一起使用
我想从API中获取数据并将它们放入我的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调用,但我找不到任何示例
我的代码:
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之类的东西来允许您发送“异步”操作。现在我明白了,谢谢!