Size: a a a

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

2020 June 30

VK

Vladimir Klimov in React — русскоговорящее сообщество
Khotam
У меня есть range input и мне нужно инициализировать его минимальное и максимальное значение после получения продуктов из API
Ну, получили в родителе - пропами передали в инпут значения
источник

K

Khotam in React — русскоговорящее сообщество
Vladimir Klimov
Ну, получили в родителе - пропами передали в инпут значения
я сделал другой путь и отправил их в redux store. но когда я инициализирую сейчас из хранилища, он инициализируется по умолчанию значением хранилища (0 и 100).
источник

K

Khotam in React — русскоговорящее сообщество
Vladimir Klimov
Ну, получили в родителе - пропами передали в инпут значения
лучше отправлять propsom?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Khotam
лучше отправлять propsom?
В инпут они в любом случае должны попадать пропом, его не надо конектить к стору, а откуда они приходят - в принципе не важно. Если вам надо обновлять состояние когда поменялись пропы - это делается внутри useEffect, в остальном - все еще не понимаю, в чем проблема
источник

K

Khotam in React — русскоговорящее сообщество
Vladimir Klimov
В инпут они в любом случае должны попадать пропом, его не надо конектить к стору, а откуда они приходят - в принципе не важно. Если вам надо обновлять состояние когда поменялись пропы - это делается внутри useEffect, в остальном - все еще не понимаю, в чем проблема
после изменения range input я должен снова отправить их родителю и fetch API по этим ценовым фильтрам. Поэтому я подумал, что можно отправить их в redux store
источник

Ж

Женя in React — русскоговорящее сообщество
Виктор Крафтер
это vk ui kit? попробуй зайди в репу, посмотри ишусы, возможно изза этого, а может и нет. я когда его юзал он был косячный на такие вещи, в итоге решили вообще его не юзать.
Сделал вместо img тега через background-image и все исправилось, и так сойдёт. Спасибо за помощь!)

Причём инлайном если делать - моргает, а если через стили родителя - все ок.
источник

V

Vitaliy in React — русскоговорящее сообщество
подскажите пожалуйста почему тут https://codesandbox.io/s/relaxed-lamarr-8i75f?file=/src/App.js рендер вызывается по 2 раза
источник

P

Pavel in React — русскоговорящее сообщество
Только начинаю въезжать в Mobx
Есть вопрос по нему.
Имеем компонент , внутри него происходят перерисовки в зависимости от history.
Если его обернуть в observer, по понятным причинам, перерисовки перестают происходить.
Как это правильно починить.
источник

el

eden lane in React — русскоговорящее сообщество
Pavel
Только начинаю въезжать в Mobx
Есть вопрос по нему.
Имеем компонент , внутри него происходят перерисовки в зависимости от history.
Если его обернуть в observer, по понятным причинам, перерисовки перестают происходить.
Как это правильно починить.
а что за понятные причины? ты оборачиваешь его в withHistory?
источник

P

Pavel in React — русскоговорящее сообщество
eden lane
а что за понятные причины? ты оборачиваешь его в withHistory?
нет
const history = useHistory();
источник

P

Pavel in React — русскоговорящее сообщество
Понятные причины - стор MobX не меняется, компонент не перерисовывается.
источник

ДК

Даня Кальнов... in React — русскоговорящее сообщество
Всем привет) Как задать пропу children такой тип, чтобы только определённые компоненты можно было принимать?
источник

MV

Maksim Vasyunin in React — русскоговорящее сообщество
Всем привет. Подскажите возможно ли реализовать отrрытие трех таких компонентов https://react-bootstrap.github.io/components/accordion/ по клику на одну кнопку?
источник

MV

Maksim Vasyunin in React — русскоговорящее сообщество
источник

И

Иван in React — русскоговорящее сообщество
Maksim Vasyunin
Всем привет. Подскажите возможно ли реализовать отrрытие трех таких компонентов https://react-bootstrap.github.io/components/accordion/ по клику на одну кнопку?
const [isOpen, toggle] = useToggle()

return (
 <>
   <buttin onClick={toggle} />
   <Accordion isOpen={isOpen} />
   <Accordion isOpen={isOpen} />
   <Accordion isOpen={isOpen} />
 </>
)
источник

MV

Maksim Vasyunin in React — русскоговорящее сообщество
спасибо, попробую.
источник

A

Alexander in React — русскоговорящее сообщество
Как правильно отделить логику от представления в таком случае - у меня есть хук для запросов на сервер. Он у себя хранит результат выполнения / ошибку. В какой момент мне использовать стейт-менеджер? В момент получения data вызывать соответствующий экшн?
Не использовать хуки для запросов и вынести всю логику в редакс/мобx?
источник

k

kem in React — русскоговорящее сообщество
Alexander
Как правильно отделить логику от представления в таком случае - у меня есть хук для запросов на сервер. Он у себя хранит результат выполнения / ошибку. В какой момент мне использовать стейт-менеджер? В момент получения data вызывать соответствующий экшн?
Не использовать хуки для запросов и вынести всю логику в редакс/мобx?
реакт только для отображения, всю логику в стм
источник

MV

Maksim Vasyunin in React — русскоговорящее сообщество
Иван
const [isOpen, toggle] = useToggle()

return (
 <>
   <buttin onClick={toggle} />
   <Accordion isOpen={isOpen} />
   <Accordion isOpen={isOpen} />
   <Accordion isOpen={isOpen} />
 </>
)
useToggle это что-то кастомное?
источник

И

Иван in React — русскоговорящее сообщество
Maksim Vasyunin
useToggle это что-то кастомное?
ага
источник