useSetState

useSetState 编写

useSetState 是通过 useState 编写的同类组件this.setState 功能相似的公共方法。(存在回调函数的区别，this.setState 第二个参数有回调);

import { useState } from 'react';
import _ from 'lodash';type Patch<State> = (patch: Partial<State> | ((prevPatch: State) => Partial<State>)
) => void;type ExcludeT<State> = Exclude<Extract<State, object>, Function>;export function useSetState<T>(initialState: ExcludeT<T>): [ExcludeT<T>, Patch<ExcludeT<T>>] {if (!_.isPlainObject(initialState)) { // initialState && initialState.constructor === Object && Object.getPrototypeOf(initialState) === Object.prototypethrow new Error('state is not Plain Object');}const [state, setState] = useState(initialState);const setUseState: Patch<ExcludeT<T>> = patch => setState(prevState => ({...prevState,...(patch instanceof Function ? patch(prevState) : patch)}));return [state, setUseState];
}

useSetState相关推荐

js库笔记（一）：swr ahooks
swr & ahooks: 介绍 swr 一.swr解决的问题: 二.swr使用方法: ahooks 一.useRequest 二.场景应用-常用hooks 三.场景应用-其他hooks 四. ...
react兄弟组件之间的传值
react兄弟组件之间的传值一.通过redux 1.在redux中找到对应的文件设置 a. b. c. d. 2.页面存储数据到redux中 3.页面提取redux里面的数据二.通过hook中的c ...
ahook中常用的一些hooks
官方文档:https://ahooks.js.org/zh-CN/ 以下总结一些个人认为非常实用的hook: 1)useRequest 请求 import {useRequest } from 'ah ...

useSetState

useSetState 编写

useSetState相关推荐

最新文章

热门文章