Почему не записываются новые данные в state?

Question

[drotsyk]

Почему в state записывается пустая строка а не все значения из 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))
  }

при этом в переменной values сохраняются все объекты но не присваиваются через setState

Answer 1

[Василий Банников]

Стейт обновляется асинхронно. Вторым аргументом передаётся колбек

Comments

[drotsyk]

Василий Банников то есть даже у render не будет обновленных данных?
Что тогда делать?

[Василий Банников]

drotsyk, будут. На следующем перерендере.
В componentDidMount если хотите синхронно что-то выставить, то это можно сделать через поля

[Василий Банников]

drotsyk, документация же есть
https://reactjs.org/docs/state-and-lifecycle.html

[drotsyk]

Василий Банников, просмотрел документацию, не понял про какие поля вы говорили

[Василий Банников]

drotsyk, ну обычные жаваскриптовые поля в классе