Size: a a a

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

2021 March 19

M

Mark in React — русскоговорящее сообщество
Mark
Подскажите, делаю туду лист, есть вопрос по диспатчингу экшенов в редакс

Доступные экшены:
 SET_EDITABLE_ID
 UPDATE_REMINDER
 DELETE_REMINDER


Стор:
 editableId: null
 data: []


Элемент становится редактируемым, если его айди лежит в поле editableId

Для этого при клике на элемент, происходит диспатч экшена SET_EDITABLE_ID

Затем после редактирования, и клика на кнопку Done, диспатчится экшен UPDATE_REMINDER, который обновляет данные в сторе

И для того, чтобы убрать форму редактирования, нужно запустить экшен SET_EDITABLE_ID со значением null, тогда ни один id элемента не будет равен editableId

И вот в чем заключается вопрос: после диспатча UPDATE_REMINDER, нужно ли запускать SET_EDITABLE_ID со значением null, или можно объединить эту логику в самом редюсере и обнулять редактируемый айди вместе с диспатчем UPDATE_REMINDER?
источник

M

Mark in React — русскоговорящее сообщество
Mark
Подскажите, делаю туду лист, есть вопрос по диспатчингу экшенов в редакс

Доступные экшены:
 SET_EDITABLE_ID
 UPDATE_REMINDER
 DELETE_REMINDER


Стор:
 editableId: null
 data: []


Элемент становится редактируемым, если его айди лежит в поле editableId

Для этого при клике на элемент, происходит диспатч экшена SET_EDITABLE_ID

Затем после редактирования, и клика на кнопку Done, диспатчится экшен UPDATE_REMINDER, который обновляет данные в сторе

И для того, чтобы убрать форму редактирования, нужно запустить экшен SET_EDITABLE_ID со значением null, тогда ни один id элемента не будет равен editableId

И вот в чем заключается вопрос: после диспатча UPDATE_REMINDER, нужно ли запускать SET_EDITABLE_ID со значением null, или можно объединить эту логику в самом редюсере и обнулять редактируемый айди вместе с диспатчем UPDATE_REMINDER?
источник

M

Mark in React — русскоговорящее сообщество
Та же ситуация происходит при удалении элемента, происходит удаление по айдишнику из данных, и затем другим экшеном обнуляется редактируемый айди
источник

Ш

Шарофиддин in React — русскоговорящее сообщество
<span> TEXT </span>
<input />

html
 input:focus span{
color: red
}

scss
Подскажите пожалуйста, при фокусе на инпут цвет спана не меняется на сасе
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Mark
Происходит два диспатча: обновление данных, и затем обнуление редатируемого айди
(пик 1, пик2)

Или может стоит объединить эту логику (пик 3)
А проблема в чем? Диспатчишь 2 экшена, вроде все ок
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Шарофиддин
<span> TEXT </span>
<input />

html
 input:focus span{
color: red
}

scss
Подскажите пожалуйста, при фокусе на инпут цвет спана не меняется на сасе
@css_ru у тебя это соседние элементы, css так не работает
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Шарофиддин
<span> TEXT </span>
<input />

html
 input:focus span{
color: red
}

scss
Подскажите пожалуйста, при фокусе на инпут цвет спана не меняется на сасе
input:focus + span {
 color: red
}
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Maxim Koylo
input:focus + span {
 color: red
}
С этими css in js совсем забыл про такой селектор
источник

M

Mark in React — русскоговорящее сообщество
Тимофей 🛴
А проблема в чем? Диспатчишь 2 экшена, вроде все ок
Я пока обучась, и такие мелкие вопросы часто возникают

Вроде бы нужно разделять логику, но с другой стороны можно и объединить
источник

М

Мерч in React — русскоговорящее сообщество
Йо, как можно доскролить до нужного элемента в div  с overflow-y: scroll?
Вешать реф, и обращаться к ref.current?
источник

D

D M in React — русскоговорящее сообщество
Мерч
Йо, как можно доскролить до нужного элемента в div  с overflow-y: scroll?
Вешать реф, и обращаться к ref.current?
Да
источник

М

Мерч in React — русскоговорящее сообщество
D M
Да
И какой метод чайлда может скроллить к нему?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Тимофей 🛴
С этими css in js совсем забыл про такой селектор
я просто цсс инжинер🌚
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Мерч
И какой метод чайлда может скроллить к нему?
scrollIntoView
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Maxim Koylo
я просто цсс инжинер🌚
Так + это правый сосед, а у него левый вроде
источник

М

Мерч in React — русскоговорящее сообщество
Maxim Koylo
scrollIntoView
Такой прикол должен сработать, наверн
Лень даже useRef писать
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Мерч
Такой прикол должен сработать, наверн
Лень даже useRef писать
ну тада ~
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Maxim Koylo
ну тада ~
или не то
источник

Ш

Шарофиддин in React — русскоговорящее сообщество
Maxim Koylo
input:focus + span {
 color: red
}
да сработало, но в html сперва должен быть  input а потом span
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Maxim Koylo
ну тада ~
не это все элементы справа, а + это только первый
источник