如何在状态reactjs中根据数组索引存储值

constructor(props) {
  super(props);
  this.state = {
    values: []
  };
}

render() {
  return (
    <div>
      {this.state.values.map((value, index) => (
        <div key={index}>{value}</div>
      ))}
    </div>
  );
}

updateValue(index, newValue) {
  this.setState((prevState) => {
    const newValues = [...prevState.values];
    newValues[index] = newValue;
    return {
      values: newValues
    };
  });
}

handleButtonClick(index) {
  const newValue = 'New Value';
  this.updateValue(index, newValue);
}