Learn React with TypeScript 3

Adding a submit button to the form

In this section, we are going to add a submit button to our Form component:

1. Let's add a submit button to the Form JSX, wrapped in a div container within form-group:

<FormContext.Provider value={context}>  <form className="form" noValidate={true}>    {this.props.children}    <div className="form-group">      <button type="submit">Submit</button>    </div>  </form></FormContext.Provider>

2. Style the button with the following CSS in index.css:

.form-group button {  font-size: 16px;  padding: 8px 5px;  width: 80px;  border: black solid 1px;  border-radius: 5px;  background-color: black;  color: white;}.form-group button:disabled {  border: gray solid 1px;  background-color: gray;  cursor: not-allowed;}

We now have a black submit button ...