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

Question

[Александра]

Получаю данные с сервера и пробую записать в state, но ничего не выходит

state = {
    loading: true,
    selectOrg: null,
    users: []
}

componentDidMount() {
    const users1 = []
    getUsers()
        .then(users => (this.users1 = users))
        .then(() => this.setState({
            loading: false,
            users: users1,
            orgs: orgs
        }))
        .then(() => {
            console.log(this.users1) // [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] тут все норм
            console.log(this.state.loading) // false тут норм
            console.log(this.state.users) // [] а в state пусто ...
        });
}

Comments

[Вадим]

А что если пользоваться промисами правильно?

componentDidMount() {
    getUsers()
        .then((users) => this.setState({
            loading: false,
            users: users,
            orgs: orgs // не понятно откуда у Вас это берётся
        }))
        .then(() => {
            console.log(this.users1) // [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] тут все норм
            console.log(this.state.loading) // false тут норм
            console.log(this.state.users) // [] а в state пусто ...
        });
}

А ещё на момент console.log стэйт мог ещё не обновиться, так как обновление стэйта это асинхронная операция

[Александра]

Вадим, спасибо)

[alex4answ]

Вадим, но у него же console.log и так в then после setState, почему не будет работать, что не правильно ?

[Вадим]

alex4answ,
1) первый .then ничего не возвращает. То есть возвращает undefined.
2) Даже если бы первый then возвращал setState, то setState не возвращает промис. Следственно, это не гарантирует выполнение следующего then строго после выполнения setState.
https://ru.reactjs.org/docs/react-component.html#s...

Метод setState() не всегда обновляет компонент сразу. Он может группировать или откладывать обновление до следующего раза.

Ну и P.s. я не говорил что

не будет работать

[alex4answ]

Вадим, понял, спасибо )