@nuonuonuonuoyan/hooks

示例查看 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[]	[]