博客
关于我
hook钩子介绍
阅读量:292 次
发布时间:2019-03-03

本文共 808 字,大约阅读时间需要 2 分钟。

1.useEffect不带第二个参数

// Similar to componentDidMount and componentDidUpdate:  useEffect(() => {    // Update the document title using the browser API    document.title = `You clicked ${count} times`;  });

例子

import React, { useState, useEffect } from 'react';import { Button } from '@alifd/next';export default function Example() {  const [count, setCount] = useState(0);  // Similar to componentDidMount and componentDidUpdate:  // 加载和state更新的时候会触发  useEffect(() => {    console.log(`hook-----${new Date()}`);    console.log(`count ${count} times`);    // Update the document title using the browser API    document.title = `You clicked ${count} times`;  });  return (    

You clicked {count} times

);}

当组件第一次被加载进来的时候,控制台打印

 

当每次点击按钮'cclick me',控制台打印

 

转载地址:http://euvm.baihongyu.com/

你可能感兴趣的文章
6、ShardingSphere 之 读写分离
查看>>
3 项目范围管理
查看>>
C++ STL
查看>>
拓扑排序
查看>>
解方程
查看>>
中缀转后缀 逆波兰表达式求值
查看>>
练习赛 位运算 思维 思维
查看>>
Netty 粘包 拆包 | 史上最全解读
查看>>
protobuf + maven 爬坑记
查看>>
考了400分?不好意思,可能连这些“变态”学校的复试线都没够着!
查看>>
【调剂】其它计算机/软件调剂信息 20.5.20
查看>>
【调剂】211北京邮电大学2020年计算机学院硕士研究生招生缺额信息
查看>>
【招生目录和招生简章】浙江大学 华北电力大学 河南工业大学 福建师范大学...
查看>>
北京理工大学软件学院今年取消招生!
查看>>
这些考研阅卷潜规则你知道几个?
查看>>
【考研英语】考研英语小作文万能模板(致歉信)
查看>>
【数据结构与算法】队列
查看>>
中国最委屈的十所大学
查看>>
【考研经验】2018四跨吉林大学计算机初试复试经验贴(67+72+99+141=379分)
查看>>
【研究生】PyTorch 1.0稳定版正式发布,并向开发者提供免费AI课程
查看>>