React native animation => new Animated.Value() with useState or not?

Question

What is the best way to use Animated.Value () in react-native ?

With useState() or not ?

const [fadeAnim] = useState(new Animated.Value(0))

Or

const fadeAnim = new Animated.Value(0)

React-native doc: https://facebook.github.io/react-native/docs/animations

Thanks

Answer 1

I've been using this recently:

const [fadeAnim] = useState(() => new Animated.Value(0));

and for set value the standard:

fadeAnim.setValue(0);

Also, you might want to look at useRef too, since it is what documentation recommend:

const fadeAnim = useRef(new Animated.Value(0)).current;
/* 
... 
*/
fadeAnim.setValue(0);

Answer 2

Actually , Hook are a better way , so i'd say first choise