add task

[VladyslavKolisnyk]

DEMO LINK: https://vladyslavkolisnyk.github.io/react_movies-list-add-form

[etojeDenys]

we can combine it in one useState

const [newMovie, setNewMovie] = useState({
  title: '',
  ...
})

now we can also create only one handle function for all fields

const handleChange = (e: ...) => {
  const {name, value} = e.target;
  setMovie((prevMovie) => ({...prevMovie, [name]: value}))
}

don't forget to specify name attr to input in TextField

[anastasiiavorobiova]

Great work! There are a few issues to fix:

The submit button is active even if the user input doesn't pass the validation

The form doesn't clear its state after submitting

[etojeDenys]

i can create the movie with only spaces in the title field

[etojeDenys]

Suggested change

	title: ''.trim(),
	title: '',