Использование многих useReducer для управления состоянием - PullRequest
Новая
       7

Использование многих useReducer для управления состоянием

0 голосов
/ 09 апреля 2020

Я новичок ++ в React, и у меня возникла проблема с Hook useReducer.

Я получаю данные из API с редуктором (dataFetchReducer) в таких случаях (FETCH_INIT, FETCH_SUCCESS, FETCH_FAILURE, default) ).

Этот редуктор (FETCH_SUCCESS) возвращает состояние: 

return {
  ...state,
  isLoading: false,
  isError: false,
  data: action.payload
};

Плюс, я его инициализировал: 

const initialData = {
  isLoading: true,
  isError: false,
  data: [],
};

const [dataAPI, dispatch] = useReducer(dataReducer, initialData)

Теперь я хочу использовать другой редуктор (Я думал, что должен разделить редуктор по действию? - поскольку я мог бы использовать dataFetchReducer для другого компонента), чтобы манипулировать своим состоянием и избегать выполнения слишком большого количества задач.

Точнее, это простой пример Todolist. Я взял свои задачи, теперь хочу (reset, add, remove, markAsDone) и т. Д., Но использую другой редуктор.

Правильно ли я использую другой редуктор (todoReducer) - если да, то какой const следует использовать, так как уже объявлено const [data, dispatch] - что-то вроде const [todos, dispatchTodos], но я в основном манипулирую одними и теми же данными?

Надеюсь, я был настолько ясен, насколько это возможно.

Заранее спасибо:)

...