React setState/useState comparison

MyComponentClass.jsx

class MyComponent extends React.Components {
	constructor () {
		this.state = {
			a: 0,
			b: 'foo'
		}
	}

	handerClick = () => {
		this.setState({
			a: 1 // 1
		})

		// this.setState({
		// 	a: this.state.a + 1 // 1!
		// })

		this.setState((prevState) => {
			return {
				a: prevState.a + 1 // 2
			}
		})
	}

	render() {
		return null
	}
}

MyComponentFunctional.jsx

function MyComponent () {
	const [a, setA] = useState(0)

	const handerClick = () => {
		setA(1)
		// setA(a + 1) // 1!

		setA((prevA) => {
			return prevA + 1 // 2
		})
	}
  
  return null
}