Size: a a a

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

2020 October 11

F

Ferrari in React — русскоговорящее сообщество
Ща покажу функцию
источник

V

Valentin in React — русскоговорящее сообщество
я не знаю хорошего решение, кроме как выносить состояние твой бизнес логики из вью (реакта). Если это одно задание можно использовать контекст, либо же просто добавить состояние чекбокса по удалению в этот стейт и все)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Valentin
я не знаю хорошего решение, кроме как выносить состояние твой бизнес логики из вью (реакта). Если это одно задание можно использовать контекст, либо же просто добавить состояние чекбокса по удалению в этот стейт и все)
Чекбокс - это что, бизнес-сущность в домене человека?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Чексбокс - это компонент отображения, то, как он включается, выключается или ещё что-то - это, конечно, логика, но это специфическая логика конкретной реализации вью🤷‍♂
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Vladimir Klimov
Чексбокс - это компонент отображения, то, как он включается, выключается или ещё что-то - это, конечно, логика, но это специфическая логика конкретной реализации вью🤷‍♂
+
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
тащить вьюлогику в бизнесовую - решение такое себе
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Переслано от Victor Rusakovich
Коллеги! Есть два компонента, оба где-то глубоко в дереве. В одном - таблица со строками.  В другом - номера этих строк. Надо по клику по номеру строки, вызывать window.scrollTo(el) в таблице для выбранной строки. В приложении есть редакс. Какие варианты вижу я:
1. диспатчим событие "нужен скролл к элементу N", кладем в стор флаг и в скроллируемом компоненте в useEffect(() => scrollTo(el), [el]) делаем скролл туда...
2. храним в сторе рефы и напрямую скроллим к ним

Может есть еще способы?
источник

AV

Andrey Vasiliev in React — русскоговорящее сообщество
Victor Rusakovich
Переслано от Victor Rusakovich
Коллеги! Есть два компонента, оба где-то глубоко в дереве. В одном - таблица со строками.  В другом - номера этих строк. Надо по клику по номеру строки, вызывать window.scrollTo(el) в таблице для выбранной строки. В приложении есть редакс. Какие варианты вижу я:
1. диспатчим событие "нужен скролл к элементу N", кладем в стор флаг и в скроллируемом компоненте в useEffect(() => scrollTo(el), [el]) делаем скролл туда...
2. храним в сторе рефы и напрямую скроллим к ним

Может есть еще способы?
scrollIntoView?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Victor Rusakovich
Переслано от Victor Rusakovich
Коллеги! Есть два компонента, оба где-то глубоко в дереве. В одном - таблица со строками.  В другом - номера этих строк. Надо по клику по номеру строки, вызывать window.scrollTo(el) в таблице для выбранной строки. В приложении есть редакс. Какие варианты вижу я:
1. диспатчим событие "нужен скролл к элементу N", кладем в стор флаг и в скроллируемом компоненте в useEffect(() => scrollTo(el), [el]) делаем скролл туда...
2. храним в сторе рефы и напрямую скроллим к ним

Может есть еще способы?
есть два стула

я обычно делаю вариант 1: в сторе храню activeElement и когда он меняется - подскроливаю
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Andrey Vasiliev
scrollIntoView?
это уже механизм. а кто должен этим заниматься?
источник

AV

Andrey Vasiliev in React — русскоговорящее сообщество
Roman Usherenko
это уже механизм. а кто должен этим заниматься?
<tr>
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
а откуда он будет знать?
источник

AV

Andrey Vasiliev in React — русскоговорящее сообщество
Roman Usherenko
а откуда он будет знать?
будет знать что? реф?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
да, вопрос скорее в механизме передачи id для однократного действия в отношении некоего компонента \ DOM ноды... Со стором, получается, надо будет два action - PLEASE_DO_SCROLL(id) и DONE_SCROLL(id)
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Andrey Vasiliev
будет знать что? реф?
ну вот это человек и спрашивает: управлять через рефы или через данные
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
так даже рефы - я ж не могу их в стор положить.
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Victor Rusakovich
так даже рефы - я ж не могу их в стор положить.
в общий парент
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Roman Usherenko
в общий парент
ближайший парент далеко... через пропсы кидаться рефами - ну такое...
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Victor Rusakovich
ближайший парент далеко... через пропсы кидаться рефами - ну такое...
поэтому я и говорю что лучше класть данные в редакс и скроллить эффектом
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
это реально лучше. у тебя триггер и таргет могут быть где угодно тогда
источник