Использование оператора распространения в реакции setState на массив объектов
У меня есть массив объектов (языковые коды и имена), которые я пытаюсь распределить в другой массив в локальном состоянии в компоненте реакции. Структура массива, который я пытаюсь распространить, выглядит следующим образом:
let langs = [
{code: "af", name: "Afrikaans"},
{code: "sq", name: "Albanian"}
]
Я пробую что-то просто такое:
this.setState({
languages: [...langs]
},
console.info(this.state.languages);
);
Когда я пытаюсь использовать console.info languages в обратном вызове из setState, массив пуст. Что здесь не так?
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
1
1 230
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Второй параметр - это обратный вызов - вы немедленно выполняете console.info и передаете его результат в качестве обратного вызова. Измените код на этот:
this.setState({
languages: [...langs]
},
() => console.info(this.state.languages);
);
Ответ принят как подходящий
setState является асинхронным, и вам нужно вызвать функцию в обратном вызове.
this.setState({
languages: [...langs]
}, () => console.info(this.state.languages)
);
Ааааа, теперь я чувствую себя такой глупой, спасибо Стэнли и Джеймику!
—
24.04.2018 09:29
Другие вопросы по теме
Гутенберг с APIData HOC не загружается при перезагрузке страницы
Попытка создать форму входа, но не удается отобразить форму внутри div
Как описывать типы потоков для Object.entries ()
Предварительный просмотр компонента React при разных медиа-запросах
Как вызвать событие щелчка на li после загрузки страницы в reactjs?
Ошибка в компоненте React при рендере
Как отлаживать «Uncaught TypeError: невозможно прочитать свойство func» of undefined »в React?
Ошибка сетевого запроса при сборке на iPhone X
Кнопки переключаются в React
В чем разница между mapstatetoprops и mapdispatchtoprops
Похожие вопросы
Почему щелчок в jquery работает только один раз при загрузке страницы
Игнорировать специальные символы из сохраненных данных при выполнении поискового запроса в эластичном поиске
Код на стороне сервера автоматически кодирует символы при использовании в Javascript
Получить значение ng-модели из ввода ng-repeat
Запуск функции javascript в глобальной области видимости
Мои данные $ http req имеют идентификатор вместо фактических данных
Попытка создать форму входа, но не удается отобразить форму внутри div
Добавление количества позиций в строках таблицы корзины покупок
Рассчитайте 2 набора типов ввода с помощью javascript на одной странице html
Как реализовать индикатор выполнения в цикле PHP while
setState - это асинхронное действие. Используйте console.info () в обратный вызов setState или в render ();