微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react Hooks 封装 useState

import { useState } from "react"

/**
 * 使用表单
 * @param props 
 */
export default function useForm(initialState: any) {

  const [state, setState] = useState(initialState);

  function setFormState(...key: any) {
    console.log(key,'...val...val')
    setState(currentState => {
      var newState = { ...currentState };
      for (var m = 0; m < key.length; m = m + 2) {
        newState[key[m]] = key[m + 1];
      }
      return newState
    })
  }
  return [state, setFormState, setState];
}

  //文件中引入

import useForm from '@/components/ospmodel/useForm'        //使用  const [lhys, setLhys] = useForm({//     startTime: new Date(),//开始时间     F_NOTE: '',//节点名称     currentNodeData: null,   })     修改     setLhys("startTime", new Date());

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐