0

我是 React 的初学者++，我遇到了 Hook 的一些问题useReducer。

我正在使用 reducer ( dataFetchReducer) 从 API 中获取数据，情况如下 ( FETCH_INIT, FETCH_SUCCESS, FETCH_FAILURE, default)。

这个 reducer ( 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）等等，但使用另一个减速器。

我使用另一个 reducer ( todoReducer) 做得对吗 - 如果是这样，我应该使用哪个 const 自从已经声明const [data, dispatch]过 - 类似const [todos, dispatchTodos] 但我基本上在操作相同的数据？

希望我尽可能清楚。

提前致谢 ：）

4

0 回答 0