ReactForm.js

import React, {Component} from 'react';
import Input from './Input';
class Form extends Component {
    constructor(props) {
        super(props);
        this.state = {
            fname: '',
            lname: ''
        };
        this.fields = [
            {
                label:{text:"Email",props:{className:"bla"}},
                 help:{text:"Email",props:{className:"bla"}},
                props:
            {
                name: "Email",
                type: "email",
            }}, {
                name: "text",
                type: "text",
            }
        ];
    }
    componentWillMount() {}
    handleSubmit(e) {
        e.preventDefault();
         if (typeof(this.props.onSubmit) === 'function') 
            this.props.onSubmit(e);
    }
    render() {
        return (
            <div className="Form">
                <form onSubmit={this.handleSubmit}>
                    {this
                        .fields
                        .map((f) => (
                            <div className={f.InputWrapClass} key={Math.random()}>
                            {f.label ? <label {...f.label.props}>{f.label.text}</label>:''}
                            <Input {...f.props} />
                            {f.help ? <span {...f.help.props}>{f.help.text}</span>:''}
                            </div>
                                ))}
                    <button type="submit">Submit</button>
                </form>
            </div>
        );
    }
}

export default Form;