![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Hooks
梦起孟心
这个作者很懒,什么都没留下…
展开
-
Hooks基础-------useContext基本用法
useContext可以帮助我们跨越组件层级直接传递变量,实现共享,相当于class组件时的props,用于传值import React from "react";const myContext = React.createContext();function Com3() { const { num, setNum } = React.useContext(myContext); return ( <div> {num} <br />...原创 2022-04-25 10:00:06 · 1097 阅读 · 0 评论 -
Hooks基础-------useReducer基本用法
1、什么是reducer?reducer是一个函数(state, action) => newState:接收当前应用的state和触发的动作action,计算并返回最新的state2、useReducerconst [state, dispatch] = useReducer(reducer, initState, init);useReducer接收三个参数:第一个参数:reducer。第二个参数:初始化的state。如果没有第三个参数,则state默认是传入的值,返..原创 2021-12-28 18:49:22 · 1048 阅读 · 1 评论 -
Hooks基础-------useEffect基本用法
useEffect 可以在组件渲染后实现各种不同的副作用。通过使用这个 Hook,你可以告诉 React 组件需要在渲染后执行某些操作。React 会保存你传递的函数(我们将它称之为 “effect”),并且在执行 DOM 更新之后调用它。1、只有一个参数时相当于componentDidMount和componentDidUpdateuseEffect(() => { console.log("count", count);});2、有两个参数时2-1 第二个参数是[]原创 2021-12-14 10:49:25 · 1659 阅读 · 0 评论 -
Hooks基础-------useState基本用法+案例
useStateconst [count, setCount] = useState(0);在此之前请确保各位先知道react中state的含义和用法对于useState最简单的理解就是:定义一个state取名为count,setCount是改变count的方法,useState(0)中保存的是count的初始值相比较于class中的state写法简单了许多// class 中的写法// 定义一个countthis.state={ count:0}// 获取cou原创 2021-12-14 10:22:17 · 2159 阅读 · 0 评论