Реагировать - setState не обновляет значение

Я пытаюсь обновить состояние с помощью значения localStorage в DidMount, но оно не обновляется:

type Props = {
};

type State = {
    id_evaluation: string,
};

class Evaluation extends Component < Props, State > {
    state = {
        id_evaluation: '',
    }

    componentDidMount() {
        const id_eval = getEvaluation();
        console.info('1 - ', id_eval)

        this.setState({
            id_evaluation: '1',
        });

        console.info('2 - ', this.state.id_evaluation)

В первом console.info у меня значение 1, во втором остается пустым, состояние не обновляет.

reactjs

20.01.2019 16:37

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

416

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

setState работает асинхронно, поэтому передайте console.info как callback, чтобы получить обновленное состояние.

this.setState({ id_evaluation: '1'}, () => console.info('2- ', this.state.id_evaluation));

при использовании в качестве вашего кода console.info('2 - ', this.state.id_evaluation) печатает предыдущее состояние, а не обновленное состояние.

20.01.2019 16:41

Это потому, что вы вызываете console.info до того, как состояние обновится. Попробуй это:

this.setState({
  id_evaluation: '1',
}, () => {
  console.info('2 - ', this.state.id_evaluation);
});

Смотрите эту тему:

Могу ли я выполнить функцию после завершения обновления setState?

20.01.2019 16:41

Ответ принят как подходящий

this.setState — асинхронная функция.

 this.setState({
        id_evaluation: '1',
 }, () => console.info('2 - ', this.state.id_evaluation));

Функция обратного вызова решит вашу проблему.

20.01.2019 16:43

Другие вопросы по теме

Есть ли разница между объявлением функции внутри нашего внешнего тела компонента?

Реагировать: как отобразить модальное всплывающее окно только для этого конкретного div

Реагировать фильтр на элемент в массиве внутри массива

Чтение значений массива внутри jsx

Состояние пересылки против пересылки реквизитов дочернему компоненту

Webpack не включает файл css

Как получить доступ к элементам массива JSON в reactjs?

Ошибка машинописного текста: свойство «удалить» не существует для типа «EventTarget»

UNSAFE_componentWillReceiveProps всегда запускает каждое изменение входного значения

Тест моментального снимка Jest игнорирует дочерний стиль

Реагировать - setState не обновляет значение

Ответы 3

Другие вопросы по теме

Похожие вопросы