Compare two ways of getting previous state from a React component, when setting its new state.

player.js

class Player extends React.Component {
  constructor() {
    super()

    this.state = { score: 0 }
  }

  increaseScore() {
    // 1. Get previous state from this.state
    this.setState({ score: this.state.score + 1 })

    // 2. Get previous state from the callback function
    this.setState((prevState) => {
      return { score: prevState.score + 1 }
    })
  }
}

Awesome thank you

Second example can look like this:

this.setState(prevState => ({
    score: prevState.score + 1
})

👍

How to do this with functional component

@pawan-prusty With functional component you could do something like below:

const [score, setScore] = React.useState(0);

and somewhere later in the code

setScore(prevState => {
   return prevState + 1;
})