Size: a a a

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

2021 April 14

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Привет, ребят! Подскажите, пожалуйста, почему в таком случае tasks == [], а props.tasks == [data...] И как мне сделать, чтобы внутри tasks сразу же было значение с props.tasks?
function Tasks(props) {
 const [tasks, setTasks] = useState(props.tasks);
 const [showKeys, setShowKeys] = useState(false);

 console.log(tasks, props.tasks);
источник

DS

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

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Как мне тогда сделать зависимость от данных в пропсе?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Просто использовать их в рендере
источник

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Но я их изменяю и когда я их изменяю, то мне нужен ререндер
источник

M

Mark in React — русскоговорящее сообщество
Подскажите, может кто сталкивался с подобной ситуацией.

Делаю пет проект, у меня есть модальное окно (как на скриншоте), внутри него я хочу сделать слайдер - input type=range.
Чтобы заблокировать модальное окно, я использую scroll-body-lock, но одновременно с этим, блокируется возможность управлять ползунком.

В вызов enableScrollBodyLock можно передать опции, с функцией которая будет определять когда можно разрешить скролл. Если в нее передать реф инпута, в этом случае ползунок передвигается, но вместе с этим начинает двигаться вся страница
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Изменяйте там же где эти пропсы определяются
источник

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Я определяю данные в одном компоненте и передаю их в другой. В доч. компоненте я хочу сделать зависимость от этих данных. Чтобы когда я изменял эти данные, то был ререндер этого компонента.
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Передавайте вместе с данными колбеки смены этих данных
источник

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Понял, спасибо
источник

el

eden lane in React — русскоговорящее сообщество
Что подразумевается под "заблокировать модальное окно"?
источник

M

Mark in React — русскоговорящее сообщество
Чтобы страница не ездила
источник

M

Mark in React — русскоговорящее сообщество
Модальное окно - position: fixed
источник

el

eden lane in React — русскоговорящее сообщество
Я в какой-то библиотеке видел что делают overflow: hidden для body при открытии модалки
источник

M

Mark in React — русскоговорящее сообщество
это делает scroll-body-lock
источник

el

eden lane in React — русскоговорящее сообщество
А, не знал
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
непривет
источник

V

Vetro in React — русскоговорящее сообщество
Ня пока
источник

Λ

Λlexandr🌆 in React — русскоговорящее сообщество
Подскажите, пожалуйста, как можно поставить дефолтный focus на <FormControl>?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
autoFocus
источник