Describe form-component here.
Example:
import React from 'react';
import { render } from 'react-dom';
import Form from 'form-component';
let Demo = props => (
<div>
<h1>form-component Demo</h1>
<Form
onSubmit={formData =>
new Promise(resolve => setTimeout(() => resolve(formData), 2000))}
>
{(state, model) => (
<fieldset style={{opacity: state.loading ? 0.5 : 1}}>
<input {...model('name')} type="text" />
<input {...model(['email', 0])} type="text" />
<input {...model(['profile', 'data'])} type="text" />
<button>Submit</button>
<pre>{JSON.stringify(state, null, 2)}</pre>
</fieldset>
)}
</Form>
</div>
);
render(<Demo />, document.querySelector('#demo'));