1. 程式人生 > 其它 >react Hooks 封裝 useState

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];
}

  //檔案中引入

importuseFormfrom'@/components/ospmodel/useForm' //使用 const[lhys,setLhys]=useForm({// startTime:newDate(),//開始時間 F_NOTE:'',//節點名稱 currentNodeData:null, }) 修改 setLhys("startTime",newDate()); 未聞花名