Why is the old value of state displayed?

Question

React

Why console.logdoes it display the old value from state if setState worked before?

import React, {Component} from "react";

export default class Test extends Component{

    constructor(props) {

        super(props);

        this.state = {
            test: false
        }
    }

    componentWillMount() {

        this.setState({
            test: !this.state.test
        });

        console.log(this.state.test)//false
    }


    render() {

        return (
            <div />
        )
    }
}

Answer 1

Because this.propsand this.statemay be updated asynchronously, you should not rely on their values ​​for calculating the next state.

Documentation
This is correct:

this.setState(
  (state) => ({test: !state.test}),
  () => console.log(this.state.test)
);

Answer 2

this.setState(
  prevState => ({ test: !prevState.test }),
  () => console.log(this.state.test),
);