How to properly validate input values with React.JS?

Question

I have a simple form. All of the components and state are held in the Page component. There are 2 display headers and 3 input fields. The first input is supposed to be text,

Answer 1

I have written This library which allows you to wrap your form element components, and lets you define your validators in the format :-

 !validator.isEmpty(val),
             errorMessage: "Cannot be left empty"
            },...
        }]}>
            {
                          console.log("you have typed: ", evt.target.value);
                        }
                       }/>