react-json-form
v1.4.3
Published
React Form HOC which produces JSON output
Downloads
20
Readme
react-json-form
react-json-form
is an attempt at simplifying the creation of forms that output nested JSON objects.
Installation
Yarn
$ yarn add react-json-form
NPM
$ npm install --save react-json-form
Usage
import React from 'react'
import { render } from 'react-dom'
import { BasicForm as Form, createInput } from 'react-json-form'
const Input = createInput(props => <input {...props} />)
render(
<Form onSubmit={json => console.log(json)}>
Name: <Input type="text" path="name" /><br />
Age: <Input type="number" path="age" /><br />
<button type="submit">Show me the JSON</button>
</Form>,
document.getElementById('root')
)