首页 > 其他 > 详细

初识react hooks

时间:2019-11-26 16:01:45      阅读:85      评论:0      收藏:0      [点我收藏+]

  第一次接触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>
)}
hooks里面没有生命周期,没有生命周期,所以,我们只需要写个函数组件就可以啦

我把
setCount跟this.setState方法想成一样调用,来改变最初的state值

抛弃class,抛弃生命周期,嗯,真爽!哈哈哈哈哈哈哈(不是全部抛弃啊,class还是我的大老婆,)


import React{
useEffectfrom ‘react‘;
相当于这个三个生命周期,初始化,更新,销毁 omponentDidMountcomponentDidUpdate 和 componentWillUnmount

初识react hooks

原文:https://www.cnblogs.com/qq1109019275/p/11935549.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!