【文件属性】:
文件名称:use-shared-state:React钩子用于在组件之间共享状态或调用回调
文件大小:9KB
文件格式:ZIP
更新时间:2021-04-13 06:09:02
web TypeScript
:octopus: React钩子用于在组件之间共享状态。 受到Flutter中启发。
yarn add @nekocode/use-shared-state
为什么选择它?
它是轻量级的,仅包含100行以上的源代码,因此非常适合在组件或库项目中使用
在最小范围内更新组件。 使用下面的示例,如果我们与b和e组件共享一个共享状态,则当此共享状态更新时,将仅更新b和e组件
a
+-+-+
| | |
b c d
|
e
现场示例:
最简单的用法:
const CounterContext = React . createContext ( new SharedState ( 0 ) ) ;
const ComponentA = ( ) => {
const sharedState = React . useContext ( CounterContext ) ;
cons
【文件预览】:
use-shared-state-master
----.eslintrc.js(486B)
----src()
--------index.ts(1KB)
--------__tests__()
--------listenable.ts(2KB)
----.travis.yml(214B)
----tsconfig.json(265B)
----LICENSE(1KB)
----jest.config.js(108B)
----README.md(3KB)
----.gitignore(52B)
----.prettierrc.js(109B)
----.eslintignore(23B)
----package.json(1KB)