form3.jsx

class MyForm extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            input: {
                email: "",
                name: ""
            }
        };
    }
    handleInputChange(newPartialInput) {
        this.setState(state => ({
            ...state,
            input: {
                ...state.input,
                ...newPartialInput
            }
        }))
    }
    validate() {
        const errors = {};
        const {input} = this.state;
        
        if (!input.email) {
            errors.email = 'Email is required';
        } else if (!isEmailValid(input.email)) {
            errors.email = 'Please enter a valid email';
        }

        if (!input.name) {
            errors.name = 'Name is required';
        }

        return {
            errors,
            isValid: Object.keys(errors).length === 0
        };
    }
    render() {
        const {input} = this.state;
        const {errors, isValid} = this.validate();
        return (
            <form onSubmit={() => /* save your form here */}>
                <div>
                    <input
                        name="email"
                        placeholder="email"
                        value={input.email}
                        onChange={e => this.handleInputChange({email: e.target.value})}
                    />
                    {!!errors.email && <span>{errors.email}</span>}
                </div>
                <div>
                    <input
                        name="name"
                        placeholder="name"
                        value={input.name}
                        onChange={e => this.handleInputChange({name: e.target.value})}
                    />
                    {!!errors.name && <span>{errors.name}</span>}
                </div>
                <div>
                    <button type="submit" disabled={!isValid}>
                        Submit
                    </button>
                </div>
            </form>
        );
    }
}