更新嵌套数组中的数组而不会发生突变

Question

Below code doesn't look good to me, as I have to declare a temp variable, any shorter code to achieve the same result?

handleChange = (e, index1, innerIndex) => {
  const temp_values = this.state.values
    temp_values.map((value, index) => {
      if (index === innerIndex) {
        temp_values[index].args[index1] = e.target.value
      }
    })
    this.setState({
      values: temp_values
    })
}

Answer 1

Yes, you can simplify it like this:

handleChange = (e, index1, innerIndex) => {
  this.setState({
    values: this.state.values.map((value, index) => {
      const args = [].concat(value.args);
      if (index === innerIndex) {
        args[index1] = e.target.value;
      }

      return {
        ...value,
        args,
      };
    }),
  });
}