如何通过单个React函数抽象多个onChange事件

Question

我正在构建一个简单的库存系统，该系统使用双向数据流从状态呈现表单，然后用户可以更新表单并将更改反馈到状态。到现在为止还挺好。现在我想简化我的代码，因为我有一堆不同的onChange处理程序 - 每个表单输入都有一个唯一的处理程序。如何简化代码并拥有一个onChange处理程序？我尝试通过callBacks传递我想编辑的state属性 - 但这不起作用。但是，如果我明确指定我想编辑的状态属性，那么它工作正常。

顶部示例有效但底部示例不起作用。我在这里缺少什么？

MethodUpdateInventoryState (key, event, updatedValue) {

var fishState = this.state.fishes;
var eventTarget = "name";
fishState[key].name = updatedValue;
this.setState({fishes: fishState});
}




 MethodUpdateInventoryState (key, event, updatedValue) {

    var fishState = this.state.fishes;
    var eventTarget = "name";
    fishState[key].eventTarget = updatedValue;
    this.setState({fishes: fishState});
    }

格拉西亚斯！