这是我参与「第五届青训营 」伴学笔记创作活动的第 13 天

React(hooks)写法

React 16.8 以后，出现了新的组件开发方式

自定义hooks 以"use"作为函数名开头，封装通用逻辑的函数

import { useEffect } from 'react';
const useMounted = (fn:() => void) => {
    useEffect(() => {
        fn();
    },[])；
}；

使用hooks要遵守的规则 1. 只能在函数组件、自定义hook中调用hook。 2. 只能在函数的最顶层控制流中调用hook

为什么要出现hooks? 使用hook可以让我们对组件的状态管理和逻辑做复用，hook是面向React未来的设计。

基本写法 每次点击都加一

副作用:对组件外部的部分产生影响
如下图就改变了当前的外部系统(需要使用useEffect)
html中{}用来调用变量

useEffect接收两个参数，一个是函数，一个是数组

标题：React （hooks）的写法与 React 实现 - 掘金

网址：juejin.cn/course/byte…