react--hooks基本使用(useState、useEffect、useContext、useRef)

react--hooks基本使用(useState、useEffect、useContext、useRef)
最新回答
"焉薰妝╪

2026-07-07 03:24:17

react的hooks相当于在函数组件中注入了一些能力使其拥有和之前class一样的能力甚至更high

stateHook

    引入statehook

    定义state和处理函数

    读取state

    更新state

useEffect(在渲染或销毁后更新回调,多次定义依次调用)

     引入useEffect

    根据写法,react将自动帮我们识别回调时机

    当某个或多个值在渲染后不希望其更新,则只指定需要react监听的值去跳过其他值的变化回调

useContext

        引入useContext

        创建context

        向子组件提供context

        子孙组件使用

useRef

        引入useRef

        创建ref

        注册ref

        使用ref

示例