[SalsaDeAmigo]

Czy w react w class components jest jakiś odpowiednik computed z vue? Wiem, że jest hook useEffect, ale on działa tylko w funkcyjnych ;( #react #javascript #naukaprogramowania

[t.....k]

@SalsaDeAmigo chyba jesteś skazany na ręczne wykrywanie reaktywnych zależności w componentDidUpdate lub innym lifecycle method

[lobo]

@SalsaDeAmigo: technicznie możesz używać getera

get test() {
return state.x + state.y
}

render() {
return {this.test}
}

różnica jest taka, że on się odpali za każdym razem jak render się odpali

możesz również ustawiać sobie zmienną na klasie za każdym razem jak ci się stan zmieni w shouldComponentUpdate

shouldComponentUpdate(nextProps, nextState) {

if(nextState.x !== this.state.x) {

this.test = '....'
}
return true;
}

[lobo]

@SalsaDeAmigo: A odpowiednik w komponencie funkcyjnym to by było użycie useMemo

[SalsaDeAmigo]

@lobo: problem jaki mam do rozwiązania - mam inputa z hasłem i chcę sprawdzać czy jest chociaz jedna mała/duża litera, czy jest cyfra itd. W shouldComponentUpdate powinno się dać wykonać te porównania? To się będzie aktywowac po każdej zmianie zmiennej w state?

[lobo]

@SalsaDeAmigo: tak

[lobo]

shouldComponentUpdate(nextProps, nextState) {

@SalsaDeAmigo: masz tam dostęp do stanu przed zmianą (this.state) i po zmianie (nextState)

[SalsaDeAmigo]

@lobo: ok, dzieki, za jakis czas spróbuję. Wcześniej probowałem wykorzystać componentDidUpdate, ale jak wpisywałem w inputa, to nie pokazywało console.logow

[lobo]

@SalsaDeAmigo: Ciężko cokolwiek powiedzieć bez zobaczenia kodu

[SalsaDeAmigo]

@lobo: aaa fuck, nie działało, bo akurat na tym inpucie nie wstawiłen onChange xdd

[S.....8]

@SalsaDeAmigo: Nie potrzebujesz computed. Ale tak react ma podobne mechanizmy, zalezy co chcesz zrobic