ReactJS: setState on object of state

Question

I have in my 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))
})
}

But I receive the error message:

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

How can I do to set to true?

arielhad · Accepted Answer · 2021-05-03 09:23:28Z

1

setState should get an object to set:

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

answered May 3, 2021 at 9:23

arielhad

2,2011 gold badge18 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hypocritic · Accepted Answer · 2021-05-03 09:26:03Z

1

I believe you can do:

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

answered May 3, 2021 at 9:26

Hypocritic

411 silver badge5 bronze badges

Collectives™ on Stack Overflow

ReactJS: setState on object of state

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related