Valik

The ultimate solution to your error handling. With everything in your control, it is the easiest module to implement.

Installation :

npm i --save valik

Usage :

import React, { Component } from 'react';
import { valikName } from 'valik';

class App extends Component{
    
    state = {
        name: ''
    }


    render(){
        return(
            <div>
                <input placeholder="enter your name" value={this.state.name} 
                onChange={( event ) => this.setState({name: event.target.value})}
                />

                <button 
                onClick={()=>console.log(valikName({name: this.state.name, errorEmpty: "Please enter your name"}))}>
                submit</button>
            </div>
        )
    }
}