Tommy_marc

2022年4月19日

摘要： ##前言之前在 React Hook 相关内容中跟大家提过诸如 useCallback、useMemo 等钩子，其实他与原来 Class 组件时用的 React.PureComponent、shouldComponentUpdate、React.memo 都是密切相关的。本篇我们就从 useC 阅读全文

posted @ 2022-04-19 17:35 Tommy_marc 阅读(4690) 评论(0) 推荐(1)

React.memo 与 useMemo

摘要： ##一、React.memo() ####1、React.memo 的使用方式 React.memo() 文档地址：链接在 class component 时代，为了性能优化我们经常使用 PureComponent，每次对props 进行一次浅比较。当然，除了 PureComponent 外，我阅读全文

posted @ 2022-04-19 11:42 Tommy_marc 阅读(442) 评论(0) 推荐(0)

React Hooks系列之useReducer

摘要： ##useReducer介绍 useState 的替代方案，它更适合一些逻辑较复杂且包含多个子值，或者下一个 state 依赖于之前的 state 等的特定场景类似 Redux 中的功能 reducer。它接收一个形如 (state, action) => newState 的reducer，并阅读全文

posted @ 2022-04-19 09:39 Tommy_marc 阅读(185) 评论(0) 推荐(0)

2022年4月18日

React Hooks系列之useCallback

摘要： ##useCallback介绍 useCallback 可以说是 useMemo 的语法糖，能用 useCallback 实现，都可以用 useMemo，常用语 react 的性能优化。在 react 中我们经常面临一个子组件渲染优化的问题，尤其是在向子组件传递函数 props 时，每次 rend 阅读全文

posted @ 2022-04-18 16:46 Tommy_marc 阅读(934) 评论(0) 推荐(0)

React Hooks系列之useMemo

摘要： ##useMemo介绍 useMemo用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算。 const memoizedValue = useMemo(callbanck, array) 返回一个memoized 值 callback是一个函数用于处理逻辑 array 控制 useMemo 阅读全文

posted @ 2022-04-18 16:39 Tommy_marc 阅读(882) 评论(0) 推荐(0)

深拷贝

摘要：一、什么是深拷贝？（先简单理解概念）深拷贝是指，拷贝对象的具体内容，深拷贝在计算机中开辟一块新的内存地址用于存放复制的对象。源数据改变不会影响复制的数据。 ##二、为什么要使用深拷贝？我们希望在改变新的数组（对象）的时候，不改变原数组（对象） arr=[100, [{a : 'hello'}, 阅读全文

posted @ 2022-04-18 16:33 Tommy_marc 阅读(533) 评论(0) 推荐(0)

2022年4月15日

React Hooks系列之useContext

摘要： useContext介绍接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 <MyContext.Provider> 的 value prop 决定。当组件上层最近的 <M 阅读全文

posted @ 2022-04-15 17:54 Tommy_marc 阅读(280) 评论(0) 推荐(0)

一次性搞定React的Ref功能

摘要： React的Ref功能 1.String Ref String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。使用方式：this.refs.XXX获取DOM元素节点：获取普通标签： import React, { Component } 阅读全文

posted @ 2022-04-15 10:06 Tommy_marc 阅读(445) 评论(0) 推荐(0)

2022年4月14日

React Hooks系列之useState

摘要： react hooks 是 React 16.8 的新增特性。它可以让我们在函数组件中使用 state 、生命周期以及其他 react特性，而不仅限于 class 组件。react hooks 的出现，标示着 react中不会在存在无状态组件了，只有类组件和函数组件。具体可查看官网。优势：函数阅读全文

posted @ 2022-04-14 11:28 Tommy_marc 阅读(291) 评论(0) 推荐(0)

React hook 相关内容

摘要：一、useReducer 与 useState useReducer 可以传给子组件个 dispatch 函数，子组件可以通过传递不同的 action，来达到不一样的处理（比如加 1 或减 1），而用 useState 就要定义多个并且传递多个二、为什么 useState 返回的是个数组，而不是阅读全文

posted @ 2022-04-14 10:45 Tommy_marc 阅读(92) 评论(0) 推荐(0)

公告