Function for updating state variable in class component in React

Question

I have various state variables. I can change it with a separate function, like this:

handleMusic=(event) =>
{
this.setState({musicList:event.target.value});
}

handleName=(event) =>
{
this.setState({nameList:event.target.value});
}

What I want is a function that has a state variable name as parameter and values and assign the same state variable with the provided values.

Something like this:

updateStateArray=(name,val) =>
{
this.setState({name:val}) //but this will create another state variable
}

Answer 1

You can do something like

updateStateArray = (name,val) => {
  this.setState({ [name] : val})
}

Answer 2

this.setState({ name: value }) will simply update the state name in this code.

You want computed property names. this.setState({ [name]: value })