
## ReactJS form states with useState hook

## example

```jsx
{/* state */}
const [person, setPerson] = useState({firstName:'', email:'', age:''})
const [people, setPeople] = useState([])

<input
   type='text'
   id='firstName'
   name='firstName'
   value={person.firsName}
   onChange={handleChange}/>

<input
   type='text'
   id='email'
   name='email'
   value={person.email}
   onChange={handleChange}/>

<input
   type='text'
   id='age'
   name='age'
   value={person.age}
   onChange={handleChange}/>

```

## for handleChange

```jsx
handleChange(e)=> {
 const name = e.target.name;
 const value = e.target.value;
 setPerson({...person, [name]:value});
}
```

## for the handleSubmit

```jsx
const handleSubmit(e)=> {
   e.preventDefault();
   if(person.firstName && person.email && person.age) {
      const newPerson = {...person, id: new Date().getTime().toString()};
      setPeople([...people, newPerson]);
      setPerson({firstName:'', email:'', age:''})

   }
}

```


reactjs

Posted in reactjs