Home/ Questions/this.setstate is not a function - How to fix?
In Process
Kayden Lam
  • 11
Asked: 2022-04-22T02:22:30+00:00 In:

this.setstate is not a function – How to fix?

  • 11

. Advertisement .

..3..

. Advertisement .

..4..

I have tried to run my code, but i get the error _this.setState is not a function. How to fix it? Give me the solution please!

♦ Suggestions of ITtutoria Team
Ideas for this.setState is not a function: Using React to set the state of an object uses the this keyword to point to the object on which you want to perform the operation. However, this.setState is not a function, so it will not work.

TypeError: this.setState is not a function

Here is a suggestion for you

  • Declare the class methods by using the syntax for arrow functions
  • Bind the class method’s reference when you constructor call, or in the calling property
testClick() {
   this.setState({ count: this.state.count + 1 })
}
this.setstate
Share

3 Answers

  1. Expert

    To fix error _this.setState is not a function

    handleClick() {
  this.setState({ count: this.state.count + 2 })
}

render() {
  return (
   <div>    
    <button onClick={this.handleClick}>
      Sample for this.setState 
    </button>
  <p>this.state.count = {this.state.count} </p>
    </div> );
    • 23
  2. bind the function used in Class Component
    • 11

  3. I’ve seen this on another forum and this helped me

    constructor(props) {
    super(props)
    this.onClick = this.onClick.bind(this)
}
​
 onClick () {
     this.setState({...})
 }
​
    • 7

Leave an answer

You must login to add an answer.

Need An Account,