Телеграмм чат группы frontend

Size: a a a

Frontend_ru

1033 membersпожаловаться на группу

2020 May 05

Ilya Human in Frontend_ru

Я вижу, но он вроде пытается )

источник

01:42пожаловаться #1

Igor N in Frontend_ru

Aga Mahmudov

Густой туман, попробовал
`
useEffect(() => {
// Update the document title using the browser API
setCount(1)
});
`
В другой функции класса, где считаются эти 5 секунд. Он говорил Invalid hook call

https://t.me/frontend_ru/78351

Igor N in Frontend_ru

Тебе скорее всего нужно componentDidUpdate

источник

01:43пожаловаться #2

Aga Mahmudov in Frontend_ru

Igor N

Тебе скорее всего нужно componentDidUpdate

componentDidUpdate(prevProps, prevState) {
if (prevState.dislikeOpacity !== this.state.dislikeOpacity) {
console.log('dislikeOpacity state has changed.')
}
}

источник

01:43пожаловаться #3

Aga Mahmudov in Frontend_ru

говорит state has changed

источник

01:44пожаловаться #4

Aga Mahmudov in Frontend_ru

Ща, чувствую вот-вот и заработает))

источник

01:44пожаловаться #5

Aga Mahmudov in Frontend_ru

Igor N

https://t.me/frontend_ru/78351

Igor N in Frontend_ru

Тебе скорее всего нужно componentDidUpdate

А что в componentDidUpdate надо класть? this.forceUpdate? Он вроде констатирует что обновилось, но renderCard всё также однажды рендерится

источник

01:51пожаловаться #6

Igor N in Frontend_ru

Aga Mahmudov

пропс, из-за которого будет перерендер

источник

01:55пожаловаться #7

Ilya Human in Frontend_ru

А в чем задача то ? Просто перерендерить чайлд компонента ?

источник

01:56пожаловаться #8

Aga Mahmudov in Frontend_ru

Ilya Human

А в чем задача то ? Просто перерендерить чайлд компонента ?

+, обновить opacity у кнопки

источник

01:56пожаловаться #9

Aga Mahmudov in Frontend_ru

Он топорно рендерится один раз и не реагирует на смену стейта

источник

01:56пожаловаться #10

Ilya Human in Frontend_ru

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

источник

01:57пожаловаться #11

Aga Mahmudov in Frontend_ru

Ilya Human

<Swiper … renderCard={(card, index) => this.renderCard({ card, index, dislikeOpacity: this.state.dislikeOpacity })} />

источник

01:58пожаловаться #12

Aga Mahmudov in Frontend_ru

Пробовал даже так, фактически чайлд использует dislikeOpacity из аргумента, грубо говоря пропса, но даже так он не реагирует на смену стейта. Пробовал и напрямую this.state.dislikeOpacity указать у кнопки, но результат идентичный

источник

01:59пожаловаться #13

Ilya Human in Frontend_ru

А как ты стейт обновляешь ?

источник

01:59пожаловаться #14

Aga Mahmudov in Frontend_ru

this.setState({…

источник

01:59пожаловаться #15

Aga Mahmudov in Frontend_ru

Складывается ощущение, что надо вытащить card в отдельный компонент и использовать props’ы, но это крайне тяжко из-за кучи связей и функций связанных