Size: a a a

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

2020 August 02

МП

Максим Патрушев... in React — русскоговорящее сообщество
J. C.
Он и так используется в проекте, а react-virtualized не хотелось бы тянуть. Нужен вариант с window/body скроллом. А какие либы ты имел ввиду?
Смотря что виртуализировать надо, список, селект, таблицу. Заходишь на npm и гуглишь необходимое
источник

JC

J. C. in React — русскоговорящее сообщество
Максим Патрушев
Смотря что виртуализировать надо, список, селект, таблицу. Заходишь на npm и гуглишь необходимое
Сетку карточек
источник

МП

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

DM

Danila Manila in React — русскоговорящее сообщество
Victor Rusakovich
Что такое функциональное обновление в useState?
как понял функциональное обновление, это когда мы из прошлого рендера берем стейт, и на основе его изменяем. Например count. setCount(c=> c+1)
мы обращаемся не на прямую к стейту, а к значению стейта из прошлого рендера. Надеюсь я правильно понимаю)
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Danila Manila
как понял функциональное обновление, это когда мы из прошлого рендера берем стейт, и на основе его изменяем. Например count. setCount(c=> c+1)
мы обращаемся не на прямую к стейту, а к значению стейта из прошлого рендера. Надеюсь я правильно понимаю)
1. изменение стейта вызывает ре-рендер, но не наоборот (более того, нельзя менять стейт во время рендера - это вызывает зациклинность)
2. изменение стейта - асинхронная операция

Пока выглядит так, что вы только читали про реакт. Попишите немного, все сложится
источник

.

. in React — русскоговорящее сообщество
народ, кто встречался с такой ошибкой ?
источник

V

Vlad in React — русскоговорящее сообщество
Victor Rusakovich
1. изменение стейта вызывает ре-рендер, но не наоборот (более того, нельзя менять стейт во время рендера - это вызывает зациклинность)
2. изменение стейта - асинхронная операция

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

DM

Danila Manila in React — русскоговорящее сообщество
Victor Rusakovich
1. изменение стейта вызывает ре-рендер, но не наоборот (более того, нельзя менять стейт во время рендера - это вызывает зациклинность)
2. изменение стейта - асинхронная операция

Пока выглядит так, что вы только читали про реакт. Попишите немного, все сложится
изменение стейта асинхронное, потому что это считается сайд эффектом?

как понял из статьи Абрамова, рендер, имеет доступ к значениям/состояниям/обработчикам событий в момент его вызова. т.е когда мы юзаем функциональное обновление, мы стучимся к прошлому рендеру, берем стейт и работаем с ним. Или я вообще не о том думаю?

вот статья: https://habr.com/ru/company/ruvds/blog/445276/
источник

И

Иван in React — русскоговорящее сообщество
.
народ, кто встречался с такой ошибкой ?
Перезапустит сервер
источник

И

Иван in React — русскоговорящее сообщество
Danila Manila
Сап всем. Можете обьяснить, плиз, для чего нужно функциональное обновление в хуке useState()?
К каким ошибкам может привести если его избегать?
Уместно всегда использовать такой подход?
Вот тут. Под заголовком Making Effects Self-Sufficient всё хорошо объяснено. Но чтобы понять, надо читать с самого начала.
источник

YA

Yarik Artamonov in React — русскоговорящее сообщество
Всем привет. Ребят помогите решить проблему, пишу код по видео, вылезла такая ошибка. У чела в видео всё нормально
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Yarik Artamonov
Всем привет. Ребят помогите решить проблему, пишу код по видео, вылезла такая ошибка. У чела в видео всё нормально
Смотри ответ апи - там похоже что не то
источник

П

Павел) in React — русскоговорящее сообщество
Всем привет!
Подскажите пожалуйста как можно сделать так чтобы при нажатии на крестик срабатывал только его экшен, а checkbox не срабатывал? Думал поможет stopPropagation , но оказалось нет(
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Павел)
Всем привет!
Подскажите пожалуйста как можно сделать так чтобы при нажатии на крестик срабатывал только его экшен, а checkbox не срабатывал? Думал поможет stopPropagation , но оказалось нет(
Ответ зависит от того, как свёрстан этот компонент. Кидай пример на codesandbox
источник

DM

Danila Manila in React — русскоговорящее сообщество
Иван
Вот тут. Под заголовком Making Effects Self-Sufficient всё хорошо объяснено. Но чтобы понять, надо читать с самого начала.
спасибо)
источник

АА

Александр Атчанов... in React — русскоговорящее сообщество
Павел)
Всем привет!
Подскажите пожалуйста как можно сделать так чтобы при нажатии на крестик срабатывал только его экшен, а checkbox не срабатывал? Думал поможет stopPropagation , но оказалось нет(
Условие
источник

АА

Александр Атчанов... in React — русскоговорящее сообщество
e.target===e.currentTarget
источник

П

Павел) in React — русскоговорящее сообщество
Victor Rusakovich
Ответ зависит от того, как свёрстан этот компонент. Кидай пример на codesandbox
Но stopPropagation это верный вариант, просто скорее всего проблема с вёрсткой?
источник

П

Павел) in React — русскоговорящее сообщество
Александр Атчанов
e.target===e.currentTarget
хм попробую, Спасибо
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Павел)
Но stopPropagation это верный вариант, просто скорее всего проблема с вёрсткой?
Иногда используется в таком виде, но где тут проблема - не угадать
источник