Size: a a a

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

2020 October 29

МЛ

Макс Лимас in React — русскоговорящее сообщество
Доброго. Подскажите литературку для углубления знаний по реакту
источник

@

@xtx in React — русскоговорящее сообщество
Станислав
Подскажите пожалуйста: Как заставить React перерисовать компонент, даже если он не изменился?
 мучаюсь с яндекс картой, нужно при нажатии на адрес в списке отобразить его точку по центру.
 Изменение координат центра из state не помогает. React не видит, что компонент изменился. Хотя в state значения меняются.
 если я удаляю компонент и затем монтирую его снова - всё получается. Т.е. данные меняются, а React этого не видит.
Подпишись на этот стейт в юзэфекте
источник

E

Evgeny in React — русскоговорящее сообщество
Станислав
Подскажите пожалуйста: Как заставить React перерисовать компонент, даже если он не изменился?
 мучаюсь с яндекс картой, нужно при нажатии на адрес в списке отобразить его точку по центру.
 Изменение координат центра из state не помогает. React не видит, что компонент изменился. Хотя в state значения меняются.
 если я удаляю компонент и затем монтирую его снова - всё получается. Т.е. данные меняются, а React этого не видит.
Что-то сомнительно, что дело в реакте. Скорее всего не мутируется точка в картах, А когда ты грохаешь компонент и восстанавливаешь, то скорее всего, он забирает initial cord и отображает якобы корректно
источник

МЛ

Макс Лимас in React — русскоговорящее сообщество
@xtx
Подпишись на этот стейт в юзэфекте
useCallback норм для решения
источник

OR

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

E

Evgeny in React — русскоговорящее сообщество
С чего?
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Evgeny
С чего?
с советов.
источник

S

Stanislav in React — русскоговорящее сообщество
amzp
Привет, есть такой кусок кода
const disclosureContext = useContext(myContext);

const submitForm = useCallback(() => {
 disclosureContext.closeModal();
}, [disclosureContext]);

пытаюсь протестировать компонент через shallow(<MyComponent />)   но тест падает с ошибкой:  TypeError: Cannot read property 'closeModal' of undefined,
Как можно замокать disclosureContext внутри компонента?
сделайте хук useDisclosure и mockReturnValue в помощь (как вариант)
источник

AS

Alvaro Santure in React — русскоговорящее сообщество
Макс Лимас
Доброго. Подскажите литературку для углубления знаний по реакту
+
источник

a

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

AV

Artur Vol in React — русскоговорящее сообщество
А как правильно?
Const test = Usecallback(()={},[])
Эта функция что-то делает с некоторыми полями объекта, как правильно составить массив зависимостей?
Передавать туда весь объект или только задействованные поля?
источник

A

Aleksey in React — русскоговорящее сообщество
Привет всем, кто нибудь может подсказать как реализован header с другими страницами на сайте твиттера. Когда я переключаю страницы сам хедер не перерисовывается, и тогда логично было предположить что это реализовано так:
<div><Header />{renderRoutes()}</div>
но если зайти на страницу settings/profile то там нету Header. Неужели они просто поставили проверку аля
if(/settings/profile) return null
или как то по другому сделанно?
источник

S

Stanislav in React — русскоговорящее сообщество
Aleksey
Привет всем, кто нибудь может подсказать как реализован header с другими страницами на сайте твиттера. Когда я переключаю страницы сам хедер не перерисовывается, и тогда логично было предположить что это реализовано так:
<div><Header />{renderRoutes()}</div>
но если зайти на страницу settings/profile то там нету Header. Неужели они просто поставили проверку аля
if(/settings/profile) return null
или как то по другому сделанно?
на мобильной версии на всех страницах перерисовывается (по личному наблюдению)
источник

BE

Black Eyes in React — русскоговорящее сообщество
Подскажите, точно ли
const CopyFoo = this.props.foo.slice()

CopyFoo.forEach((item) => {
item.test = 'MUTATION'
}
Не вызовет мутаций?
У меня вызывает
источник

A

Aleksey in React — русскоговорящее сообщество
Stanislav
на мобильной версии на всех страницах перерисовывается (по личному наблюдению)
ну да, они на каждую где нужно страницу получается ставят<header />?
источник

S

Stanislav in React — русскоговорящее сообщество
Aleksey
ну да, они на каждую где нужно страницу получается ставят<header />?
возможно.
источник

AV

Artur Vol in React — русскоговорящее сообщество
Artur Vol
А как правильно?
Const test = Usecallback(()={},[])
Эта функция что-то делает с некоторыми полями объекта, как правильно составить массив зависимостей?
Передавать туда весь объект или только задействованные поля?
Памагите плиз
источник

S

Stanislav in React — русскоговорящее сообщество
Artur Vol
А как правильно?
Const test = Usecallback(()={},[])
Эта функция что-то делает с некоторыми полями объекта, как правильно составить массив зависимостей?
Передавать туда весь объект или только задействованные поля?
читайте доку
источник

BE

Black Eyes in React — русскоговорящее сообщество
а че я парись, ramda же есть в проекте
источник

AV

Artur Vol in React — русскоговорящее сообщество
Ну там сказано про все значения, получается, надо передавать поля объекта?
Иначе он будет сравнить по ссылке объект?
источник