1.0.70 • Published 3 years ago
@nuonuonuonuoyan/hooks v1.0.70
示例查看 http://qinwang.battlebanpick.com/hooks
安装
yarn add @nuonuonuonuoyan/hooks或npm i @nuonuonuonuoyan/hooks
useStore
一个极简的全局共享状态管理工具
对于子组件和父组件以及层级较为简单的共享状态的情况，仍然强烈推荐直接使用 props 传递属性给子组件。 useStore 适合的是在距离较远的组件之间进行状态共享。
API
import { useStore } from '@nuonuonuonuoyan/hooks';
const Demo = () => {
const [state, setState] = useStore(namespace, initState, options);
...
...
}Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| namespace | 命名空间，每一组状态命名空间唯一 | string | global |
| initState | 同 useState，初始值 | any | - |
| options | 额外的配置项 | Options | - |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| asyncNameSpace | 异步加载的组件需要添加该属性，并且传入的值需要和 namespace 的值相同，否则无法获取到共享状态 | string | - |
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| state | 全局共享的状态值 | any |
| setState | 改变共享状态的函数，用法同 useState | () => void |
useLazyLoad
图片懒加载
import { useLazyload } from '@nuonuonuonuoyan/hooks';API
Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| domList | 传入的 dom 集合 | dom[] | [] |