Why is new data not being written to state?

Question

React

Why is an empty string written to state and not all values ​​from localStorage?

export class Cart extends React.Component {
  state = {
    arrFromLocal:'',
  }
  componentDidMount(){
    var values = [],
    keys = Object.keys(localStorage),
    i = keys.length;
    while ( i-- ) {
      values.push(localStorage.getItem(keys[i]) );
    }
    this.setState({
      arrFromLocal: values
    },console.log(this.state.arrFromLocal, values))
  }

at the same time, all objects are stored in the values ​​variable but are not assigned via setState

Answer 1

The state is updated asynchronously. The callback is passed as the second argument.