react中useState和useRef的异同

react中useState和useRef的异同

useState

参数：唯一的参数就是初始 state
返回：当前 state 以及更新 state 的函数

useRef

参数：唯一的参数就是初始 state
返回：回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数

相同

• 都只能在最顶层使用

区别

• useRef() 和自建一个 {current: …} 对象的唯一区别是，useRef 会在每次渲染时返回同一个 ref 对象
• 当ref 对象内容发生变化时，useRef 并不会通知你
• 变更 .current 属性不会引发组件重新渲染
• 返回的 ref 对象在组件的整个生命周期内保持不变。