huse库

huse笔记

useActionPending(AsyncFunction)返回调用接口以及函数运行状态值

const [waitTime, pendingCount] = useActionPending(wait);

接口函数 waitTime  函数运行值 pendingCount 运行时为正

 调用异步函数时显示函数运行状态。

useBoolbean(value, methods) method包含on off toggle

method = {on, off, toggle}

 

useSwitch(value, on, off, toggle)

useToggle(value, toggle)

useClickOutside(ref, function)

使用ref绑定组件 点击外部时触发函数

useArray(collection, methods)

useMap(collection, methods)

useSet(collection, methods)

使用方法去操作集合

useDebouncedEffect(callback, value, wait)

类似于节流操作 每个一段wait时间执行一次callback和更新一次值

useDebouncedValue (value, wait)

返回一个值，每隔wait时间与value同步

useDebouncedCallback (function, wait)

返回一个值，每隔wait时间执行一次function

useRenderTimes()返回重新渲染次数

useChangeTimes(value)返回值改变的次数

useUpdateCause(props, isPrint) 返回组件更新数组

useDerivedState(props, function(propsValue, stateValue))

返回生成值和更新值方法。

使用组件进行计算值然后更新。

useDocumentEvent(eventName, DocumetEventHandler, option?)

对该名称事件进行一个监听，在事件触发时调用事件处理函数。

useDocumentTitle(title:string)

改变网页标题

useEffectRef（fn:element）

返回ref 对元素进行绑定来进行操作。

useElementResize（callback）

返回ref绑定元素 当元素进行更新的时候调用函数

    

useElementSize（）

返回ref 对元素绑定 然后可以用size 进行输出样式

useHover（{onEnter?:callback,   onLeave?:callback,  delay?: 1000}）

在鼠标进入和离开时调用函数

返回isHover 和 hoverCallbacks

在特定元素上展开hoverCallbacks  {…hoverCallback}

useImmerState（初始值）

返回state和setState 通过直接改变它来更新状态。

useImmerReducer（fn(state, action) , state对象 : {value}）

返回state和 dispatch 方法

可以调用dispatch方法直接改变state数据

useInputValue(初始值)

返回initalValue接口包含value和 onchange属性

直接使用…展开符放置在元素中

useIntendedLazyValue（value）

返回一个readValue函数 只当触发函数时才会改变input的value

useIntendedLazyCallback（function）

使函数稳定 而不是反复触发

useOnScreen({rootMargin, threshold})

返回ref 和 isOnScreen（）

useOnScreenLazyValue（）

useOnScreenLazyCallback（）

useLocalStorage（key ,  initalValue）

返回storageValue 和 设置 setValueStorage 函数

useMedia（query:string）

返回boolean值进行判断

usePreferDarkMode（）

返回是否为深色模式

useMergedRef（RefLike）

返回ref  将指定的操作绑定到指定元素上

useMethods(userMethods,  {value})

返回user 包含属性值  methods 包含方法

useOnline（）

返回是否在线

useCounter（value，methods对象）

methods函数包含inc， dec，reset

usePoll(AsyncFunction，waitTime)

每隔一段时间进行数据请求。

返回value 和 pendingCount

usePrelousValue（value）

在value值改变时，存储上一个值。

返回上一个value值。

useOriginalCopy（value）

检索对象第一个版本

useOriginalDeepCopy（value，deepEquals）

useRequest（request， params）

返回请求状态pending和请求结果result

useRequest（request，params）

返回请求request和函数result手动触发

useWinodwSize()

检查当前窗口大小 包含内部和外部

useWebSocket（url，options）

与指定url建立链接

useUserMedia（）

使用用户对媒体设备

useForceUpdate（）

返回一个函数对组件进行重新渲染

useTransitionState（initalValue，delay）

返回state和 setState方法  delay过后state返回默认值

useTimeout（callback，delay）

类似于setTimeout

useInterval（callback，time）

time设置-1 暂停

useSnapshotState（初始化数据类型，option：{dealy？，limit？}）

返回数据，设置数据函数，{undo，redo，canUndo，canRedo}处理函数以及配置信息。

存储版本历史状态，使用撤销和重做函数来编辑历史。

 useSelection（initalSelction， options）

将选中的元素存储到返回的selection 里面

useScorllPosition（element使用ref）

返回position对象里面还有scrollTop和scrollLeft

useScorllLock（lock：boolean）

使用一个布尔值控制滚动条是否可以滚动

useScorllIntoView（ref，active，options）

滚动到元素

useScript（src）

返回loaded和errored

useScriptSuspense（）

相比useScript对是否成功进行判断