ReactJS：在 state 的 object 上設置狀態

Question

我的 state 中有：

state = {
  validationButton: {
   button1: false
   }
}


componentDidMount(){
//....
this.check(1)
this.check(2)
}

check(Number){
 let today = new Date()
 // I call my api to see if exists document with the number
  db.get(`${Number}:${today}`)
  .then( (doc) => {
    //after that I found document:
    // * this is what I would to do *
    this.setState((this.state.validationButton[`button${Number}`] = true))
})
}

但我收到錯誤消息：

Invariant Violation: setState(...): takes an object of state variables to update or a function which returns an object of state variables.

我該怎么做才能設置為true？

Answer 1

setState應該得到一個 object 來設置：

this.setState({ validationButton: {[`button${Number}`]: true });

Answer 2

我相信你可以做到：

this.setState({ validationButton: {[`button${Number}`]: true });