Size: a a a

React — русскоговорящее сообщество

2020 November 25

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Dezmunt
Точно, спасибо!!!
тут все таки не ванги, как мы без кода скажем где ты не прав?
источник

D

Dezmunt in React — русскоговорящее сообщество
Александр Бакиматов
тут все таки не ванги, как мы без кода скажем где ты не прав?
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Uncaught SyntaxError: Unexpected token '<'
источник

D

Dezmunt in React — русскоговорящее сообщество
Nikolay Tolochnyy
Uncaught SyntaxError: Unexpected token '<'
Там проект чувак, я тебе кода кусок скинул, ясен хер он не запустится
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
no way
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Dezmunt
Там проект чувак, я тебе кода кусок скинул, ясен хер он не запустится
и шо? сложно сделать рабочий пример воспроизводимый?
источник

D

Dezmunt in React — русскоговорящее сообщество
Если допустим в хендлПагинейшн обнулить состояние то все норм, но виден скачек так как состояние обнулялось
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
редусер неправильный
источник

D

Dezmunt in React — русскоговорящее сообщество
Nikolay Tolochnyy
редусер неправильный
А че с ним? Да и норм он отрабатывает
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
даже не открываю репродьюсы в кодепене
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Dezmunt
А че с ним? Да и норм он отрабатывает
ну тогда что-то другое, да
источник

S

SkyWalker in React — русскоговорящее сообщество
Всем привет, расскажу свою ситуацию:

Шаг 1:https://prnt.sc/vq2g9e
Здесь я просто демонстрирую свое приложение (пилю на реакте, само собой). Здесь можно добавлять или удалять ряд или столбец. Для того, чтобы удалить нужно навести на таблицу и появятся кнопки удаления

Шаг 2: https://prnt.sc/vq2hau
Выбираем необходимый нам столбец и удаляем его.

Шаг 3: https://prnt.sc/vq2m0a
Вроде бы все хорошо и работает так как нужно, 4-ый столбец удален. Но все это только на уровне отображаемых данных, но не на уровне дом элементов, сейчас продемонстрирую.

Шаг 1:https://prnt.sc/vq2jjh
Запускаем приложение заново и помечаем через девтулзы 4 столбец, который мы удаляем и 6-ой. Для его 6-ой станет понятно позже.

Шаг 2:https://prnt.sc/vq2k1t
После нажатия кнопки удаления можно увидеть, что если взять в контексте отображаемых данных удалился 4-ый столбец. Но в контексте ДОМ-элементов удаляется последний столбец, а свойства удаленного по данным столбца перешли к следующему столбцу.

Я потратил очень много времени на выяснение ситуации, но не нашел в своем приложении видимых багов, все работает согласно стейту, если через девтулзы менять стейт, то все тоже работает прогнозируемо.

Но вот другие тесты, которые я провел, показали, что не все в порядке с ДОМ-элементами.

Это мой баг или фича виртуального дом-дерева?)
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
SkyWalker
Всем привет, расскажу свою ситуацию:

Шаг 1:https://prnt.sc/vq2g9e
Здесь я просто демонстрирую свое приложение (пилю на реакте, само собой). Здесь можно добавлять или удалять ряд или столбец. Для того, чтобы удалить нужно навести на таблицу и появятся кнопки удаления

Шаг 2: https://prnt.sc/vq2hau
Выбираем необходимый нам столбец и удаляем его.

Шаг 3: https://prnt.sc/vq2m0a
Вроде бы все хорошо и работает так как нужно, 4-ый столбец удален. Но все это только на уровне отображаемых данных, но не на уровне дом элементов, сейчас продемонстрирую.

Шаг 1:https://prnt.sc/vq2jjh
Запускаем приложение заново и помечаем через девтулзы 4 столбец, который мы удаляем и 6-ой. Для его 6-ой станет понятно позже.

Шаг 2:https://prnt.sc/vq2k1t
После нажатия кнопки удаления можно увидеть, что если взять в контексте отображаемых данных удалился 4-ый столбец. Но в контексте ДОМ-элементов удаляется последний столбец, а свойства удаленного по данным столбца перешли к следующему столбцу.

Я потратил очень много времени на выяснение ситуации, но не нашел в своем приложении видимых багов, все работает согласно стейту, если через девтулзы менять стейт, то все тоже работает прогнозируемо.

Но вот другие тесты, которые я провел, показали, что не все в порядке с ДОМ-элементами.

Это мой баг или фича виртуального дом-дерева?)
а key наверное === index?
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
если да, то попробуйте задать уникальные ключи для ячеек
источник

S

SkyWalker in React — русскоговорящее сообщество
Nikolay Tolochnyy
а key наверное === index?
Да, но я пробовал модифицировать key. Создавал разные уникальные комбинации, но на результат это не повлияло. В консоле никаких ошибок не выдает.
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
ну без кода не решусь предположить больше пока ничего)
источник

S

SkyWalker in React — русскоговорящее сообщество
Nikolay Tolochnyy
ну без кода не решусь предположить больше пока ничего)
ссылка на гитхаб подойдет?
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
давайте попробуем
источник

S

SkyWalker in React — русскоговорящее сообщество
Nikolay Tolochnyy
давайте попробуем
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
key={colKey}
Оно же индекс тянет
источник