39 / 9 / 1
Регистрация: 16.02.2018
Сообщений: 251

Почему при попытке обновить state из useEffect он не обновляется?

28.11.2020, 13:05. Показов 1901. Ответов 3

Студворк — интернет-сервис помощи студентам
Почему при попытке обновить tabsFields из useEffect он не обновляется?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// Apollo Client запрос к GraphQL серверу
    const { data, error, loading } = useQuery(GET_ORG(props.match.params.essenceId))
 
    // State который не обновляется
    const [tabsFields, setTabsFields] = useState()
 
    // отслеживаю изменение state
    useEffect(() => {
        if (data !== undefined) {
            // перебираю массив контактных лиц
            data.org.contactPersons.map(i => {
                const ID = nanoid(8) // использую либу nanoid для генерации ID
                let obj = {}
 
                obj[i._id + '~' + ID + '^name'] = i.name 
                i.phone.map((j, idx) => {
                    obj[i._id + '~' + ID + '^phone-' + idx] = j
                })
 
                i.eMail.map((j, idx) => {
                    obj[i._id + '~' + ID + '^eMail-' + idx] = j
                })
                setTabsFields({...tabsFields, obj})
            })
        }
    }, [data])
Если не хватает каких-то фрагментов кода, добавлю.

Я пытался реализовать альтернативный вариант, но лишь поменял шило на мыло

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// Apollo Client запрос к GraphQL серверу
    const { data, error, loading } = useQuery(GET_ORG(props.match.params.essenceId))
 
    // State который не обновляется
    const [tabsFields, setTabsFields] = useState({})
 
    // отслеживаю изменение state
    useEffect(() => {
        if (data !== undefined) {
            // перебираю массив контактных лиц
            data.org.contactPersons.map(i => {
                const ID = nanoid(8) // использую либу nanoid для генерации ID
                let obj = {...tabsFields}
 
                obj[i._id + '~' + ID + '^name'] = i.name 
                i.phone.map((j, idx) => {
                    obj[i._id + '~' + ID + '^phone-' + idx] = j
                })
 
                i.eMail.map((j, idx) => {
                    obj[i._id + '~' + ID + '^eMail-' + idx] = j
                })
                setTabsFields(obj)
            })
        }
    }, [data])
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.11.2020, 13:05
Ответы с готовыми решениями:

Ошибка при попытке обновить содержимое в таблице
Здравствуйте, столкнулся с проблемой, помогите если не сложно) При попытке обновить записи в БД возникает ошибка типа поле не уникально,...

При попытке обновить поле падает mysql на денвере
Запрос на грани фантастики: MySQL_Query("UPDATE `pages` SET `rus_name`='$name', `content`='$text', `name`='$translit' WHERE...

ActiveX в броузере вылетает при попытке обновить страницу
Подскажите как решить проблему: Пишу на Visual C++ 6.0 ActiveX компонент с использованием MFC. Компонент должен работать на HTML...

3
27 / 22 / 6
Регистрация: 13.12.2012
Сообщений: 159
07.12.2020, 13:03
Метод .map предназначен для модификации массива. Почитай Кантора, у него понятно описано. Посему вопрос - что делает setState внутри .map?
0
Особый статус
 Аватар для FloppyDisc
623 / 221 / 164
Регистрация: 18.11.2015
Сообщений: 1,086
08.12.2020, 09:57
Ну это вообще фиговая практика делать setState внутри циклов.. Пройдитесь мапом, получите результат, дальше результат поместите в стейт

Цитата Сообщение от drmedus Посмотреть сообщение
Метод .map предназначен для модификации массива.
Не модификации, он возвращает совершенно новый массив (который уже можно модифицировать).
0
27 / 22 / 6
Регистрация: 13.12.2012
Сообщений: 159
08.12.2020, 10:03
FloppyDisc, Само собой. Поэтому и отправил автора к Кантору почитать, что .map это не есть простой цикл по массиву как это предполагается в примере выше.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
08.12.2020, 10:03
Помогаю со студенческими работами здесь

При попытке обновить в DataSet не происходит генерация кода в .designer.cs
Здравствуйте, возникла вот какая проблема существует DataSet к нему подключено много таблиц и хранимок, у меня обновилась одна из них в...

Синий экран при попытке обновить драйвер в диспетчере устройств
Если выбрать "обновить конфигурации оборудования" то та же ерунда Я пытался сделать это с тремя устройствами, 2 неизвестных и 1...

При попытке обновить Windows 10 - ошибка 0xc0000096. Что делать?
При попытке установить обновление Win10 система отказала и выдала ошибку 0xc0000096. Плз, подскажите - Что делать?

Закрывается диалоговое окно при попытке ajax-ом обновить в нем контент
При нажатии на кнопку на форме, появляется диалоговое окно //отключаем кеширование запроса $.ajaxSetup({ cache: false }); ...

Нарушение целостности информации при попытке обновить данные в BLOB-e Oracle-a
Pri popitke update-a dannix xranyasixsya v BLOB-e Oracle-a voznikaet narushenie celostnosti informacii: nevozmozno stanovitsya chtenie...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

Новые блоги и статьи
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru