fv-react-form/examples/error/index.js

Flexible React form with validation.

import React, {Component} from "react";
import {render} from "react-dom";
import Form from "../../src/Form/index";

class Error extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <Form
                action={form => console.log(form)}
                method="POST"
                name="login"
                rules={{
                    name: 'required'
                }}
                onSubmit={form => console.log(form)}
            >
                <Form.Group>
                    <Form.Label field="name">Name</Form.Label>
                    <Form.Input type="text" name="name"/>
                    <Form.Error field="name"/>
                </Form.Group>
                <Form.Button type="submit">Submit</Form.Button>
            </Form>
        );
    }
}

render(<Error/>, document.querySelector('#root'));