- 博客(5)
- 收藏
- 关注
原创 React-hooks-useCallback
useCallbak 返回一个memoized(被记住的,备忘)的回调函数 // 官网示例 const memoizedCallbak = useCallback( ()=>{ doSomething(a,b); }, [a,b] ) 把内联回调函数及依赖项数组作为参数传入 useCallback,它将返回该回调函数的 memoized 版本,该回调函数仅在某个依赖项改变时才会更新。当你把回调函数传递给经过优化的并使用引用相等性去避免非必要渲染
2021-06-07 15:02:24
196
原创 React-hooks-useReducer
useReducer 这是一个额外的Hooks,在某些特殊场景可能会用到。 使用方式 // 使用方式 const [state, dispatch] = useReducer(reducer, initialArg, init); // 官网示例 function init(initialCount) { return {count: initialCount}; } function reducer(state, action) { switch (action.type) {
2021-06-07 15:01:33
140
原创 React-hooks-useContext
React-hooks-useContext 在学习之前我们先来看看我们在没有hooks之前使用Context, 使用Context是为了避免props多层传递的麻烦 // ###App.js import React, { createContext, Component } from "react" // foo作为默认数据被传入 const foo = { name: "wangzhan", age: 22 } export const {Provider, Consumer} =
2021-06-07 15:00:38
155
原创 React-Hooks-useEffect
React-Hooks-useEffect 1. Effect hook 可以让我们在函数式组件中执行副作用操作 // react官网示例 import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // Similar to componentDidMount and componentDidUpdate: useEffect(
2021-06-01 15:48:40
309
原创 React-Hooks-useState
1. React-Hooks-useState Hooks是什么 Hooks 是让我们在React中编写function组件时,能运用一些 React x16.8之前function组件无法完成的事情。例如:React中function组件不能拥有自己的状态,无法实现生命周期等等。 爲什麽使用Hooks 在我們生產中,會產生非常多的高階組件嵌套,而形成嵌套地獄,如 providers,consumers,高阶组件,render props,這讓代碼非常不容易理解。爲了一些數據的傳遞我們使用高階組件為組
2021-05-09 14:28:17
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人