javascript - 使用 setState react 通配符

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);