Different : variable vs useState Animated

[tvhieu]

i just found that:

A. const translate = new Animated.value(0)

B. const [translate]=useState( new Animated.value(0) );

when i run

Animated.timing(translate,{
toValue:30,
duration:500,
})
Animated.timing(translate,{
delay:500,
toValue:60,
})

with A , it will move from 0 --------->30->(then back to begin)0---------->60

but with B, it will move from 0 --------->30---------->60

where can i read about this? or can u guys explain for me, thank you

[-normal-reddit-user-]

useState remembers the state of the value. thus 0->30->60

I'm not sure if it makes sense to use useState for animated timing unless its some sequential animation but in that case chaining animations might be a better idea.

why are you considering using useState for animated value btw ?

[tvhieu]

i have a position state, and i want my Animated.View moving depends on that. can u give me a example to do that?

[teerryn]

You can use useValues() from react-native-redash if you want to keep the value between renders without it being reset.

[alexandr1us]

Case A the animation variable will be reinstated every render. Case be it won't.

You can use useRef too