Changes render = () => { to render() {. The first binds the render function each time a component instance is created, but this is unnecessary as render is already called with component instance. It just creates needless functions.
The state and props are destructured to avoid continuously reaching into the respective objects and to make the methods, i.e. this.onFieldChange, more obvious.
A couple refactorings accompany this.
Changes
render = () => {torender() {. The first binds the render function each time a component instance is created, but this is unnecessary as render is already called with component instance. It just creates needless functions.The state and props are destructured to avoid continuously reaching into the respective objects and to make the methods, i.e.
this.onFieldChange, more obvious.