Блин есть нормальный способ расширять свойства которые есть у child когда перебираю props.children.map добавлять еще стили нужные к уже существующим ?

Блин есть нормальный способ расширять свойства которые есть у child когда перебираю props.children.map добавлять еще стили нужные к уже существующим ?

React.cloneElement не подходит

Зачем вы это делаете?

<MySlider> <>1<> <>2<> <>3<> </MySlider> Такая структура слайдера. Я в самом компоненте слайдера хочу перебрать детей тоесть слайды и автоматом проставить классы всем. А если у дете есть стили, а они есть что бы их не перетерало а добавлялись

Так, может, вы не того хотите? Да и в чем проблема решить это css селектором?

.MySlider > * { /* styles for child */ }

.MySlider > * { /* styles for child */ }

Что это?)

Я просто хочу добавить класс детям, никак получается ?)

Я просто хочу добавить класс детям, никак получается ?)

Unlike componentDidMount or componentDidUpdate, effects scheduled with useEffect don’t block the browser from updating the screen. This makes your app feel more responsive. The majority of effects don’t need to happen synchronously. In the uncommon cases where they do (such as measuring the layout), there is a separate useLayoutEffect Hook with an API identical to useEffect.

Что это?)

А лучше, сначала, пройдите хотя бы бесплатные курсы html academy

👍

Ребята всем привет, подскажите кто работал с Jest. Есть тест который изначально делает: const wrapper = mount(<SidebarPanel id="SidebarPanel" items={items} loading={false} />); expect(wrapper.instance().state.loadingState).toEqual(false); Дальше я хочу вызвать метод который делает setState() wrapper.instance().setLoading(true); expect(wrapper.instance().state.loadingState).toEqual(true); Но у меня мeтод СетЛоадинг --- undefined как исправить такую дичь ? Варианты не писать такую дичь не рассматриваю

Ребята всем привет, подскажите кто работал с Jest. Есть тест который изначально делает: const wrapper = mount(<SidebarPanel id="SidebarPanel" items={items} loading={false} />); expect(wrapper.instance().state.loadingState).toEqual(false); Дальше я хочу вызвать метод который делает setState() wrapper.instance().setLoading(true); expect(wrapper.instance().state.loadingState).toEqual(true); Но у меня мeтод СетЛоадинг --- undefined как исправить такую дичь ? Варианты не писать такую дичь не рассматриваю

Я бы посоветовал бы заюзать enzyme. SidebarPanel - обернут ли какими-нибудь HOC'ами?

Нет, зачем там НОС ?

ну я же не могу знать, чем он оформлен. в enzyme есть методы setState и state - используйте их

Эм....а я их и использую, мне метод нужен.

где вы их используете? можете залить код на codesandbox ?

А пример кода в 4 строки нечитаемый?)))

я предпочитаю писать тесты - имитируя работу пользователя, а не напрямую дергать каждый метод

Это предпочтения, у меня был вопрос в помощи как дернуть метод напрямую.

присвой его в глобальный скоуп, и дергай (какой вопрос, такой ответ, повторять такое дома не рекомендуется)

У врапера есть возможность вызвать метод напрямую. Вариант с window дичь, простите конечно.

так дичь дичью вышибают же кмк, такой тест не тестирует толком ничего полезного

так дичь дичью вышибают же кмк, такой тест не тестирует толком ничего полезного

Такой тест в продакшене в ленами, его надо поддерживать.

Такой тест в продакшене в ленами, его надо поддерживать.

почему не переписать на что-то вменяемое?)

Нельзя. По контракту я могу подфиксить, для того что бы переписать надо с 10 апрувов

не в курсе, чем по контракту фикс от переписывания в данном контексте отличается, но ладно)

Тем что переписывать код или рефакторить легаси не умеем право

Даже тест нельзя порефакторить?

например, если я скролю, мне нужно отслеживать изменение координат элемента

типа, подправить, но так, чтобы легаси осталось легаси

подпишись на скролл (document.addEventListener, либо на свой элемент, если внутри него скролл проходит), и доставай чз реф тот же координаты, хз

Можно порефакторить и разбавить какой-нибудь большей дичью, в итоге легаси будет такой же, если не еще сочнее!

Тем что переписывать код или рефакторить легаси не умеем право

подпишись на скролл (document.addEventListener, либо на свой элемент, если внутри него скролл проходит), и доставай чз реф тот же координаты, хз

Представил кстати такой круглый стол, где сидят 10 человек и решают вопрос переписывания легаси)

useEffect(() => { window.addEventListener("scroll", () => { console.log("here") }) }, []) я вот так подписался, но никакой реакции в какой-то определенный компонент надо это запихнуть?

useEffect(() => { window.addEventListener("scroll", () => { console.log("here") }) }, []) я вот так подписался, но никакой реакции в какой-то определенный компонент надо это запихнуть?

Своетую для производительности сделать троттл

код рабочий

туда, где у тебя будет трекаться положение