ReactJS + Spring Boot CRUD Full Stack App - 14 - React Add Employee Form Handling

In this video, we will design add employee form and handle form submission data in React App.

#react #springboot #fullstack

[keremguzel]

Hi Ramesh,

Instead of creating several event handler methods for every input, you can get them all easily like this;

onChange = e => {
const {name, value} = e.target;
this.setState({
[name]:value
})
}

[javatechnology]

This is awesome. Now I got it how to work with forms in react app 👍

[samadhiranasinghe]

Hello sir, can i know the code for a date field. i used date data type in my spring boot application, but when it comes to react it doesn't work.

[pradyutdasgupta]

Not able to add the employee, what should be the code in the "Save" button ? My current code looks like this :

<Link to="/employees">
<button style={{marginLeft: "10px"}} className='btn btn-danger'> Cancel </button>
</Link>

[GaneshSekaru]

@JavaGuides
Nice tutorial, I want to know how you are adding CSS? whether it was already written using some IDE?please can you throw light?

[ramashishyadav]

if sir you are using arrow function then, there is no need of binding in constructor field ( 7:10) ...

[riyankaghosh]

Still getting the history push error and not able to redirect by clicking on cancel button

[HyperionTseng]

I use but can't work display Uncaught TypeError: Cannot read properties of undefined (reading 'push')