JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 24
  • Score
    100M100P100Q65540F
  • License MIT

Eeasy to use react hooks

Package Exports

  • proste-react-use

Readme

更多使用方法可以查看测试中的示例

useSuspense

配合 Suspense 组件使用 可以使用任意的 Promise 函数

useSuspense<R>(key: string | unknown[], fn: () => Promise<R>): R

useBeforeMount

在 dom 挂载前触发

function useBeforeMount(effect: EffectCallback): void;

useContextWithEqual

比较相同 contexthook 判断返回数据是否有变化进行渲染 依赖 use-context-selector 使用 use-context-selector 的 createContext 创建 congtext

function useContextWithEqual<T, R>(context: Context<T>, selector: (state: T) => R): R;

useMounted

只有在加载时触发一次的 useEffect

function useMounted(effect: EffectCallback): void;

useDelay

可以主动调用的延迟函数 返回一个函数 函数执行延迟调用传入的函数

function useDelay<T>(fn: (state?: T) => void, delay: number): (state?: T | undefined) => void;

useUpdateEffect

只有在依赖更新(除了第一次)触发

function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

useEventEmitter

发布订阅钩子 事件只在全局初始化一次

只使用触发 const fire = useEventEmitter('key');

只进行监听 useEventEmitter('key', fn);

只监听一次 useEventEmitter('key', fn, true);

function useEventEmitter<T>(key: string, listener?: (event: T) => void, once?: boolean): (args?: T | undefined) => void;