Skip to content

Hooks for rc-form like component. Support two-way data flow.

Notifications You must be signed in to change notification settings

grantedFine/react-form-hooks

Repository files navigation

react-form-hook

Hooks for rc-form like component. Support two-way data flow.

begin to use

  npm install react-hooks-for-form

Example

import * as React from 'react'
import  { useForm } from 'react-hooks-for-form'

const Form = () => {
  const {
    getFieldDecorator,
    setFieldsValue,
    setFieldsValueAndDispatchChanges
  } = useForm({
    initialValues: {}
    onValuesChange: (changeValues, allValues) => {}
  })
  return (
    <form>
      {getFieldDecorator('name', otherOptions)(<input />)}
    </form>
  )
}
ReturnValue Description Type Default
getFieldDecorator create props which can be set on a input/InputComponent which support value and onChange interface Func (name:String, option: Object) => (React.Node) => React.Node
setFieldsValue Set fields value by kv object. (value): Object (value) => ({ value })
setFieldsValueAndDispatchChanges Set fields value by kv object, then dispatch onValuesChange immediately. (value): Object (value) => ({ value })
...

About

Hooks for rc-form like component. Support two-way data flow.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published