Hooks学习笔记

爱被打了一巴掌 2022-12-17 08:39 102阅读 0赞

实例代码

import React, { useState } from "react";
    function App() {
      const [count, setCount] = useState(0);
      const [page, setPage] = useState(1);
      const dePageFunction = () => setPage(page - 1);
      return (
        <div>
          <p>{count} times</p>
          <button onClick={() => setCount(count + 1)}> Click Me </button>
          <button onClick={dePageFunction}> decrementPage:{page} </button>
        </div>
      );
    }
    export default App;

等待更新

API学习网址：[https://zh-hans.reactjs.org/docs/hooks-reference.html][https_zh-hans.reactjs.org_docs_hooks-reference.html]

*  React useEffect清理

方法很多，此处列举两种：

方法一：

useEffect(() => {
        function handleStatusChange(status) {
          setIsOnline(status.isOnline);
        }
        ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
        // Specify how to clean up after this effect:
        return function cleanup() {
          ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
        };
      });

方法二：

useEffect(() => {
        let isUnmount = false;
        if (data) {
          setData(data);
        }
        return () => isUnmount = true;
      }, [data]);

[https_zh-hans.reactjs.org_docs_hooks-reference.html]: https://zh-hans.reactjs.org/docs/hooks-reference.html

发表评论取消回复

表情：

评论列表（有 0 条评论，102人围观）

还没有评论，来说两句吧...

相关阅读

相关 react-hook

文章目录 react-hook 一、前言二、useState ：状态钩子 2.1 useState 函数式更新

╰+攻爆jí腚メ/ 2023年01月05日 01:17/ 0 赞/ 234 阅读

相关 React Hooks - 学习/实践

1.应用场景 <table> <tbody> <tr> <td>主要用于学习使用react hooks进行前端项目的开发.</td> </tr>

ゝ一纸荒年。/ 2022年12月25日 02:55/ 0 赞/ 117 阅读

相关安卓逆向|菜鸟的FRIDA学习笔记:inline_hook的简单食用

本文致谢本篇文章学到的内容来自且完全来自r0ysue的知识星球，推荐一下（这个男人啥都会，还能陪你在线撩骚）。 ![format_png][] 上周末在家闲着无聊逛

蔚落/ 2022年12月19日 03:46/ 0 赞/ 306 阅读

相关 Hooks学习笔记

实例代码 import React, { useState } from "react"; function App() { const [cou

爱被打了一巴掌/ 2022年12月17日 08:39/ 0 赞/ 103 阅读

相关 React Hooks 学习笔记 | useEffect Hook（二）

![b97b42454a92ef6d0f3ee70b20dcf1d1.png][] 大家好，上一篇文章我们学习了 State Hook 的基础用法，还没看的同学们，小编建议你

待我称王封你为后i/ 2022年10月18日 12:42/ 0 赞/ 254 阅读

相关 React Hooks 学习笔记 | State Hook（一）

![9ee799c66ccae14e33b551f376455696.png][] 大家好，小编最近在梳理 React Hook 的相关内容，由于看视频、看书、自己做项目总觉

绝地灬酷狼/ 2022年10月09日 00:50/ 0 赞/ 191 阅读

相关 React Hooks的学习与自我理解

存在的意义 Hooks的作用在于完美过渡React中的类写法到函数式表示，因为我们知道React的函数式表示是不能使用生命周期的，Hooks可以代替Rea

待我称王封你为后i/ 2022年09月04日 13:46/ 0 赞/ 124 阅读

相关 react-hooks: custom hooks

memberEntitiy: export interface MemberEntity { id: number; name: stri

待我称王封你为后i/ 2021年12月24日 13:55/ 0 赞/ 332 阅读

相关 react hooks 笔记

1. 建议安装以上版本： "dependencies": { "react": "^16.7.0-alpha.2", "react-d

心已赠人/ 2021年12月21日 00:13/ 0 赞/ 277 阅读

相关 React Hook

-------------------- Hook简介 1. Hook专门用于增强函数组件的功能（Hook在类组件中是不能使用的），使之理论上可以成为类组件的替代品

￡神魔★判官ぃ/ 2021年09月02日 05:49/ 0 赞/ 409 阅读