文件名称:使用异步操作响应 useReducer
文件大小:203KB
文件格式:ZIP
更新时间:2024-06-28 08:36:27
Awesome React Hooks
use-reducer-async React useReducer 与异步操作简介 React useReducer 本身不支持异步操作。 与 Redux 不同,它没有中间件接口,但钩子是可组合的。 这是一个用于扩展 useReducer 调度的小型库,以便调度异步操作调用异步函数。 安装 npm install use-reducer-async 用法 const initialState = { sleep: false, }; const reducer = (state, action) => { switch (action.type) { case 'START_SLEEP': return { ...state, sleep: true }; case 'END_SLEEP': return { ...state, sleep: false }; 默认: throw new Error('没有这样的动作类型'); } }; const asyncActionHandlers = { SLEEP: ({ dispatch }) => async (action) => {
【文件预览】:
use-reducer-async-master
----package.json(2KB)
----__tests__()
--------01_basic_spec.tsx(2KB)
--------__snapshots__()
----.eslintrc.json(1KB)
----.github()
--------workflows()
----LICENSE(1KB)
----src()
--------index.ts(4KB)
----tsconfig.json(383B)
----examples()
--------04_abort()
--------02_typescript()
--------03_getstate()
--------01_minimal()
----.gitignore(22B)
----webpack.config.js(890B)
----CHANGELOG.md(811B)
----README.md(4KB)
----yarn.lock(474KB)