我一直在寻找一个漂亮而简单的解决方案，我发现了这个:

this.setState({ [`image${i}`]: image })

希望这能有所帮助

当需要处理多个受控输入元素时，可以向每个元素添加一个name属性，并让处理程序函数根据event.target.name的值选择要做什么。

例如:

inputChangeHandler（event） { this.setState（{ [event.target.name]： event.target.value }）; }

在ES6+中，你只需要执行[${variable}]

请试试这个。

这里以国家为例

 this.state = {
            name: '',
            surname: '',
            username: '',
            email: '',
  }

Onchange函数在这里。

onChangeData = (type, event) => {
    const stateData = this.state;
    if (event === "" || event === "Seçiniz")
        stateData[type] = undefined
    else
        stateData[type] = event

    this.setState({ stateData});
}

this.setState({ [`${event.target.id}`]: event.target.value}, () => {
      console.log("State updated: ", JSON.stringify(this.state[event.target.id]));
    });

请注意引号。

可以使用扩展语法，像这样:

inputChangeHandler : function (event) {
    this.setState( { 
        ...this.state,
        [event.target.id]: event.target.value
    } );
},