• 初识react hooks


      第一次接触hooks,这是什么神仙!太好用了吧!!!!

      抛弃繁琐的高阶组件,我找到了真爱,在一个人员流动性相对快的项目组,在对面新同学对着高阶组件摸不着头脑的时候,在新项目初始阶段开始,我决定任用hooks

      这是一个针对小白的一个博客,仅此用来记录自己的学习过程

      hooks是react16.8版本新增特性,所以只需要在引入react的时候一起引入它的方法就好,列如:

      import React, { useState } from 'react';

      function Example() { 
        // 声明一个新的叫做 “count” 的 state 变量 ,初始值为0
        //
    useState()里面的值可以是数组,可以是对象,可以是布尔。。。跟声明state一样
        const [count, setCount] = useState(0);
        return (
          //调用setCount,来改变数值,用count应用,最后的效果就是点击div标签count就会+1,div里面的值就会改变
          <div onclick={()=>setCount(count+1)}>{count}</div>
        )
      }
      我把setCount跟this.setState方法想成一样调用,来改变最初的state值
      import React{useEffectfrom 'react';

      hooks里面没有生命周期,但是他有uesEffect,uesEffect相当于三个生命周期,初始化,更新,销毁,componentMount,componentDidUpdata和。componentWillUnmount

      function Example() { 
        useEffect(() => {
        //
    第一个参数是ajax请求的接口,第二个参数是数组,数组为空的时候就是初始化请求,数组里面里面有数据就是更新,并且会数组里面的参数变化触发请求接口
        },[]);
        return (
          <div onclick={()=>setCount(count+1)}>{count}</div>
        )
      }

    抛弃class,抛弃生命周期,嗯,真爽!哈哈哈哈哈哈哈(不是全部抛弃啊,class还是我的大老婆,)
  • 相关阅读:
    .net的一致性哈希实现
    一次基于etcd的分布式锁自动延时失败问题的排查
    一次kubernetes资源文件创建失败的排查
    去除右键菜单中的图形属性
    三款实用的视频格式转换工具
    使用iframe设置frameset的高度
    IIS中asp网站播放flv视频技术
    Joomla3.1.1在64位win7下安装
    64位win7旗舰版搭建apache+php+mysql开发环境[转]
    Windows下实战Apache+PHP [转]
  • 原文地址:https://www.cnblogs.com/qq1109019275/p/11935549.html
Copyright © 2020-2023  润新知