博客
关于我
hook钩子介绍
阅读量:304 次
发布时间: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/

你可能感兴趣的文章
Netty事件注册机制深入解析
查看>>
Netty入门使用
查看>>
Netty原理分析及实战(三)-高可用服务端搭建
查看>>
Netty原理分析及实战(四)-客户端与服务端双向通信
查看>>
Netty发送JSON格式字符串数据
查看>>
Netty和Tomcat的区别已经性能对比
查看>>
Netty基础—1.网络编程基础二
查看>>
Netty基础—3.基础网络协议二
查看>>
Netty基础—7.Netty实现消息推送服务一
查看>>
Netty多线程 和 Redis6 多线程对比
查看>>
Netty学习总结(2)——Netty的高性能架构之道
查看>>
Netty学习总结(3)——Netty百万级推送服务
查看>>
Netty学习总结(5)——Netty之TCP粘包/拆包问题的解决之道
查看>>
Netty学习总结(6)——Netty使用注意事项
查看>>
Netty客户端断线重连实现及问题思考
查看>>
Netty工作笔记0003---IO模型-BIO-Java原生IO
查看>>
Netty工作笔记0006---NIO的Buffer说明
查看>>
Netty工作笔记0007---NIO的三大核心组件关系
查看>>
Netty工作笔记0008---NIO的Buffer的机制及子类
查看>>
Netty工作笔记0009---Channel基本介绍
查看>>