TypeError: Cannot assign to read only property 'statusKnown' of object '#<Object>'

Question

I am trying to update a state based on my props in my react Class based component but i am getting an error

TypeError: Cannot assign to read only property 'statusKnown' of object '#'

here is the code below

componentDidMount(){
    this.calClass()
  }

calClass = () => {
    console.log(this.props.statusKnown, this.state.active);
    if (this.props.statusKnown == "deactive") this.setState({ active: false });
    else if ((this.props.statusKnown = "active")) this.setState({ active: true });
  };

and then in parent component

<Button item={item} categoryID={categoryID} statusKnown={status}/>;

If react doesn't allow this thing, then what is the possible solution for this ?

Could you accept my answer, if that was the issue?

Adam Jeliński
– Adam Jeliński

2020-04-09 21:20:56 +00:00
Commented Apr 9, 2020 at 21:20 — Adam Jeliński
– Adam Jeliński, Commented Apr 9, 2020 at 21:20

Adam Jeliński · Accepted Answer · 2020-04-09 21:17:44Z

1

You missed some = signs. You should always use ===

componentDidMount(){
    this.calClass()
}

calClass = () => {
    console.log(this.props.statusKnown, this.state.active);
    if (this.props.statusKnown === "deactive") this.setState({ active: false });
    else if ((this.props.statusKnown === "active")) this.setState({ active: true });
};

answered Apr 9, 2020 at 21:17

Adam Jeliński

1,7981 gold badge12 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

TypeError: Cannot assign to read only property 'statusKnown' of object '#<Object>'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related