https://github.com/zhangyu1818/useform

react hooks,create a form fields quickly
https://github.com/zhangyu1818/useform

Last synced: 3 months ago
JSON representation

react hooks,create a form fields quickly

• Host: GitHub
• URL: https://github.com/zhangyu1818/useform
• Owner: zhangyu1818
• Created: 2019-06-13T14:41:10.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-06-13T14:42:17.000Z (about 6 years ago)
• Last Synced: 2025-01-29T08:44:58.496Z (5 months ago)
• Language: JavaScript
• Size: 1000 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# useForm

一个简单的`React`表单字段管理 hooks

## usage

```jsx

import React, { useEffect } from "react";

import useForm from "./useForm";

function Form() {

  // all fields should init

  const form = useForm({ name: "zhang yu", phone: "", address: "chengdu" });

  const { createField, setFieldsValue, getFieldsValue } = form;

  useEffect(() => {

    // get fields

    console.log(getFieldsValue(["name"]));

    console.log(getFieldsValue(["name", "address"]));

    // get all

    console.log(getFieldsValue());

  });

  // set

  const set = () => setFieldsValue({ name: "haha", phone: "18181919" });

  return (

    


      {createField("name")()}

      {createField("phone")()}

      {createField("address")()}

      set

    

  );

}


export default Form;

```

字段需要先初始化，会传递`value`和`onChange`给`createField`的组件