如何在反应js中为数组中的不同元素设置状态

【问题标题】：how to set state for different element in an array in react js如何在反应js中为数组中的不同元素设置状态
【发布时间】：2020-03-24 11:27:10
【问题描述】：

在我的第 6 页中使用了文件选择器。但是当我为 1 个文件选择器设置状态时，它会为所有文件选择器设置。 react js中如何避免这个问题。参考下图。

【问题讨论】：

【解决方案1】：

那是因为您将为所有这些颜色选择器设置一个状态。您需要为每个颜色选择器设置不同的状态，并且需要为每个颜色选择器命名，即

<colorPicker
   type="text"
   name="picker1"
   value={this.state.picker1}
   onChange={handleChange}
/>

您的 onChange 函数将类似于：

function handleChange(e) {
  const value = e.target.value;
  thi.setState({
    [e.target.name]: value
  });
}

【讨论】：