react中useState和useRef的异同
useState
参数:唯一的参数就是初始 state
返回:当前 state 以及更新 state 的函数
useRef
参数:唯一的参数就是初始 state
返回:回一个可变的 ref 对象,其 .current 属性被初始化为传入的参数
相同
- 都只能在最顶层使用
区别
- useRef() 和自建一个 {current: …} 对象的唯一区别是,useRef 会在每次渲染时返回同一个 ref 对象
- 当ref 对象内容发生变化时,useRef 并不会通知你
- 变更 .current 属性不会引发组件重新渲染
- 返回的 ref 对象在组件的整个生命周期内保持不变。