在使用 setState 時反應通配符

Question

我有

this.state = {
   modal_1: true,
   modal_abc: true,
   modal_special: true
}

如何將所有以 modal 開頭的內容更改為 false？ 有沒有可能

this.setState({
    `modal_*`: false
})

Answer 1

React 的setState方法或 javascript 的對象字面量中沒有通配符之類的東西。 您可以手動迭代對象鍵並減少它，例如：

const newState = Object.keys(this.state).reduce((result, key) => {
  // conditionally set value of result
  result[key] = key.startsWith('modal_') ? false : this.state[key];
  return result;
}, {});
// and set new state
this.setState(newState);