Set state using dynamic key in React hook

Question

I have a method that set a state variable using the setState. How can I convert this method using React hooks. Thanks

Screenshot

Answer 1

Instead of State it will become:

const [state, setState] = useState({});

you can invoke setState like this:

setState({ [e.target.name]: e.target.value });

Answer 2

It’s almost the same.

const [state, setState] = useState({});

// …
setState(() => ({ [e.target.name]: e.target.value }));