Использование ax ios с React и Redux - PullRequest
Новая
       3

Использование ax ios с React и Redux

0 голосов
/ 19 июня 2020

Я хочу получить данные из API и поместить их в свой documents, и я знаю, как это сделать, но не знаю, как это сделать. В некоторых руководствах я видел, что мы должны выполнять все вызовы 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
  }
}

магазин. js

import { createStore } from 'redux'

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

export default store

1 Ответ

2 голосов
/ 19 июня 2020

Привет. Вы можете создать преобразователь с помощью промежуточного программного обеспечения redux «Redux-thunk». thunk - это в основном функция, в которой вы можете выполнить вызов API, и после получения данных с сервера вы можете отправить действие для установки данных в редуктор. Вы получаете функцию отправки в преобразователе, который создаст u.

Таким образом, вместо прямого вызова диспетчеризации вы вызовете функцию преобразования

...