Пустой вывод

@gedat · Регистрация: 31.08.2015

Author24 — интернет-сервис помощи студентам

Javascript

 const[list,setList] = useState([
 
    ])
 
    const addHandler = (text) =>{
        setList((list) => {
            return [
                {text: text, key: Math.random().toString(36).substring(7)},
                ...list,
            ]
        })
        console.log(list)
    }

Есть кнопка которая вызывает функцию onPress={() => addHandler("11") }

console.log(list) выдаёт пустой массив, а если вызвать повторно, то выдаёт предыдущие значение, почему так? Как мне внутри addHandler получить обновлённый list?

@mr_dramm · 04.08.2024, 13:04

Сообщение от gedat

Как мне внутри addHandler получить обновлённый list?

этот код обновит переменную, но новое значение list будет когда компонент перерисуется с новым стейтом

Javascript

        setList((list) => {
            return [
                {text: text, key: Math.random().toString(36).substring(7)},
                ...list,
            ]
        })

console.log(list) будет видеть текущее состояние, до изменения
Если нужно отслеживать новое значение используй

Javascript

1	useEffect(()=>{},[list])

Добавлено через 7 минут

Не по теме:

похоже вы с этим автором на одном курсе =)

Javascript

1	{text: text, key: Math.random().toString(36).substring(7)}

Новые блоги и статьи
Элементы алгоритмизации hw_wired 28.01.2025 Основы алгоритмизации В современном мире алгоритмы играют фундаментальную роль в развитии информационных технологий и программирования. Понимание основ алгоритмизации является ключевым элементом в. . .	Человек и информация hw_wired 28.01.2025 Введение: роль информации в познании мира В современном мире информация играет фундаментальную роль в процессе познания окружающей действительности. Она представляет собой совокупность сведений об. . .	Компьютер и информация hw_wired 28.01.2025 Эволюция вычислительных машин История развития вычислительной техники начинается задолго до появления первых электронных устройств. Человечество всегда стремилось упростить процесс вычислений и. . .	Информационные технологии hw_wired 28.01.2025 Введение в современные технологии работы с информацией В современном мире информационные технологии стали неотъемлемой частью практически всех сфер человеческой деятельности. Они существенно. . .	Информация вокруг нас hw_wired 28.01.2025 Основные понятия информации В современном мире понятие информации является фундаментальным и охватывает практически все сферы человеческой деятельности. Информация представляет собой совокупность. . .	Компьютер для начинающих hw_wired 28.01.2025 Введение в мир компьютерных технологий В современном мире информация стала одним из важнейших ресурсов человечества, определяющим развитие общества и технологий. Наша жизнь неразрывно связана с. . .
[golang] 189. Rotate Array alhaos 28.01.2025 Повороты рукоятки, целочисленный слайс нужно сдвинуть на целое положительное число. Мне очень нравится решение на GO / / https:/ / leetcode. com/ studyplan/ top-interview-150/ package topInterview . . .	КуМир: решение задач на матрицы bytestream 28.01.2025 КуМир представляет собой среду для обучения программированию, которая включает в себя мощные инструменты для работы с матрицами. Матрица в программировании - это двумерный массив, состоящий из. . .	КуМир: решение задач на строки bytestream 28.01.2025 В системе программирования КуМир работа со строковыми данными является одним из важнейших аспектов создания программ. Строки представляют собой последовательности символов, заключенные в кавычки,. . .	КуМир: решение геометрических задач bytestream 28.01.2025 Программирование геометрических задач в среде КуМир становится всё более актуальным в обучении школьников и студентов. КуМир — это разработанная в России обучающая программная среда, предназначенная. . .	КуМир, исполнитель Водолей: Задачи и решения bytestream 28.01.2025 КуМир — это образовательная среда для обучения программированию. Она предлагает пользователям разнообразные инструменты для разработки и отладки программ, что особенно ценно для студентов и. . .	КуМир, исполнитель Чертежник: Решение задач bytestream 28.01.2025 КуМир (Комплект Учебных МИРов) представляет собой образовательную среду для обучения основам программирования и алгоритмизации. Исполнитель Чертежник работает на координатной плоскости, где может. . .

	04.08.2024, 13:04