@kofile/react-form
v1.1.0
Published
A form abstraction for react
Downloads
36
Maintainers
Keywords
Readme
react-form
Usage
import React from 'react'
import { Form } from '@kofile/react-form'
const config = {
email: {
validateOn: 'change',
validateWith: v => v ? '' : 'error message'
},
password: {
validateOn: 'blur',
validateWith: v => v ? '' : 'fix your password!!!'
}
}
class MyForm extends React.Component {
handleSubmit = ({ formValues, isValid }) => {
if (!isValid) {
return
}
return handleSuccess(formValues)
}
render() {
return (
<div>
<h2>My Awesome Form!</h2>
<Form onSubmit={this.handleSubmit} config={config} render={(fields) => (
<div>
<label htmlFor={fields.email}>Email</label>
<input {...fields.email.inputProps}/>
</div>
<div>
<label htmlFor={fields.password}>Password</label>
<input {...fields.password.inputProps}/>
</div>
)} />
</div>
)
}
}