useRef直接取current属性绑定变量是否存在副作用

这种写法完全合规有效，不会出现你担心的垃圾回收、重复初始化等奇怪副作用。

核心原理 #

• useRef 的核心机制是跨渲染周期维持稳定引用：它仅在组件首次挂载时执行一次初始化逻辑，生成{ current: 初始值 }的ref容器，后续组件不管重渲染多少次，useRef 永远返回第一次创建的同一个ref对象，不会重复执行初始化、不会创建新的Animated.Value实例。
• 不存在「没持有ref句柄就被垃圾回收」的问题：React 内部会为每个挂载中的组件维护完整的hook状态引用链，只要组件没有被卸载，React 就一直持有这个ref对象的引用，引用计数不会归零，自然不会被GC。组件代码里是否保存整个ref对象的引用，完全不影响React内部对它的持有。

适用边界 #

这种写法本质就是省略后续代码反复写.current的简化语法，只有在同时满足两个条件时可以放心用：

1. 你不需要把整个ref对象传递给其他组件，也不需要把它传给DOM/组件的ref属性做实例挂载
2. ref中存储的初始值在组件生命周期内不会被整体替换，后续你只会操作这个值本身的属性、调用它的方法，不会给ref.current重新赋值为其他对象/值

你看到的Animated示例刚好完全适配这个场景：

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

这里初始化的Animated.Value实例在整个组件生命周期里都不会被替换，后续操作都是调用fadeAnim.setValue()、把fadeAnim绑定到动画配置上，从来不需要修改ref容器的current指向，所以这么写没有任何问题。

不适用的反例 #

如果你需要用ref存储DOM节点、或者后续可能整体替换current存储的值，就不能用这种简化写法，否则你拿到的永远是首次渲染时的初始值，感知不到后续current的变化：

// 错误写法：永远拿不到后续挂载的input DOM节点
const inputNode = useRef(null).current;

// 正确写法：持有整个ref对象，才能访问后续更新的current值
const inputRef = useRef(null);
const focusInput = () => inputRef.current?.focus();
return <input ref={inputRef} />

内容的提问来源于stack exchange，提问作者Kilian