美文网首页
react--hooks基本使用(useState、useEff

react--hooks基本使用(useState、useEff

作者: 习惯水文的前端苏 | 来源:发表于2021-01-15 15:08 被阅读0次

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

stateHook

    引入statehook

    定义state和处理函数

(如果state的初始值需要依赖外部传值,则可以向useState传递函数并最终return)

    读取state

    更新state

(如果在一个回调中使用了函数形式,则另一个state更新接口也需要)

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

     引入useEffect

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

(以return为界限,return之前的将在渲染后执行,之后的将在销毁后被回调)

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

useContext

        引入useContext

        创建context

        向子组件提供context

        子孙组件使用

useRef

        引入useRef

        创建ref

        注册ref

        使用ref

示例

相关文章

网友评论

      本文标题:react--hooks基本使用(useState、useEff

      本文链接:https://www.haomeiwen.com/subject/hivvaktx.html