文件名称:use-optimistic-reducer:ReactReact reducer钩子用于处理乐观的UI更新和竞争条件
文件大小:341KB
文件格式:ZIP
更新时间:2024-06-05 23:03:05
react hook reducer optimistic-ui optimistic-updates
使用乐观减少者 React Reducer钩子用于处理乐观的UI更新和竞争条件。 安装 使用npm: $ npm install use-optimistic-reducer 含纱线: $ yarn add use-optimistic-reducer 这个怎么运作 在内部, useOptimisticReducer使用React.useReducer()挂钩来处理其状态。 您可以使用useOptimisticReducer通过分派操作来更新状态。 每当需要进行乐观的UI更新时,您只需要在操作对象内添加另一个名为“ optimistic的属性。 默认情况下,每当分派新操作时,就会形成一个队列。 如果调度了相同类型的动作,则该动作的回调将被放入队列中,并等待直到所有先前的回调被执行。 如果希望将回调放在单独的队列中,则可以定义一个字符串作为队列的标识符。 乐观动作对象的示
【文件预览】:
use-optimistic-reducer-master
----.eslintrc(508B)
----example()
--------counter.tsx(2KB)
----.babelrc(61B)
----img()
--------flowchart.png(141KB)
----package.json(1KB)
----jestconfig.json(168B)
----.github()
--------workflows()
----.prettierrc(174B)
----.prettierignore(9B)
----LICENSE(1KB)
----package-lock.json(416KB)
----src()
--------__tests__()
--------types.ts(1KB)
--------index.ts(3KB)
----tsconfig.json(530B)
----.gitignore(318B)
----CHANGELOG.md(3KB)
----README.md(4KB)
----yarn.lock(282KB)