@nebula/hook
react hooks函数库
npm i @nebula/hook
使用示例
import React, { useState } from 'react';
import { useWatch } from '@tb-util/hook';
export function Main() {
const [data, setData] = useState(0)
useWatch(() => {}, data);
return (
<div onclick={() => {
setData(data + 1)
}}
>
{data}
</div>
);
}
API
hook名 | 功能 | 返回值 | 备注 |
---|---|---|---|
useMount | 在组件挂载后执行的一次性操作 | void | |
useWatch | 在被监听数据变化后执行的操作,可对比前后数据 | void | |
useInitStore | 初始化store | Store | |
useInitSimpleStore | 初始化简易store | SimpleStore | |
useCustomEventTarget | 生成或获取自定义事件中心 | CustomEventTarget | |
useCustomEventListener | 给自定义事件中心监听事件 | void | |
useEventTarget | 生成或获取事件中心 | EventTarget | |
useEventListener | 给事件中心监听事件 | void | |
useStorageMessage | 监听本地存储发送消息事件 | void |