import React, {useState} from 'react'
const User = () => {
const [user, setUser] = useState({name: '', age: ''});
const {name, age} = user;
const handleChange = (e) => {
setUser({...user, [e.target.name] : e.target.value});
}
const handleSubmit = (e) => {
e.preventDefault();
console.log(user);
}
return (
<div>
<h2>User</h2>
<form onSubmit={handleSubmit}>
<input name='name' value={name} onChange={handleChange} type="text" placeholder='enter name' />
<input name='age' value={age} onChange={handleChange} type="number" placeholder='enter age' />
<button type='submit'>Enter</button>
</form>
</div>
)
}
export default User
User Form in one state(object) in React
![](https://media.dev.to/cdn-cgi/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F779691%2F96bae8c2-e381-40f0-872e-c9d523fab355.jpeg)