How to set state dynamically?

Question

JavaScript

There is the following code:

getval = ( propName, value ) => {
    const { formInfo } = this.state;

    this.setState( {
      formInfo[propName]: value
    } )
  }

The idea is as follows: the method receives the name of the field and its value, and I set its value by this name, I don’t want to write switch-case conditions for each possible option.
state looks like this:

state = {
    formInfo: {
      name: '',
      tel: '',
      email: '',
      subject: '',
      text: ''
    }
  }

The fact that it is impossible to do this - I understood, but how then to bring the idea to life?

Answer 1

setVal = (propName, value) => {
  this.setState(state => ({
    formInfo: {
      ...state.formInfo,
      [propName]: value,
    }
  }));
};

Also renamed getval to setVal. Since the get verb is used in functions returning a value, and set in setting a value.