javascript - React，根据参数检查状态是否存在 key 对

Question

所以我试图弄清楚如何使用一种包罗万象的功能来减少应用程序中的膨胀。我有一堆通过状态处理的对话框窗口，类似于:

toggleSettingsDialogue = () => {
    this.setState({settingsOpen: !this.state.settingsOpen});
}

我正在尝试将这个为每个附加对话框重复的功能减少为一个。我的想法是传递两个参数 - 一个用于要打开的对话框，另一个定义该对话框的状态 - true 或 false。

问题是，我一直在弄清楚如何检查传递的第一个参数(即状态中对话框窗口的名称)是否存在。

假设我们有一个州......

state = {
     diagSettingsOpen: false,
     diagAddItemOpen: false
}

我如何检查函数内作为参数传递的任何字符串是否确实存在，然后使用该键设置状态(如果匹配)？

Answer 1

 toggleSettingsDialogue = key => {
   if(key in this.state)
     this.setState(({[key]: val}) => ({[key]: !val}));
}