Tommy_marc

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

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

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

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

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

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

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

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

摘要： Map() Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 var m = new Map([['Michael', 9 阅读全文

摘要： 最近需要开发一个webApp，在 vue 和 react 之间犹豫很久，考虑到项目的小程序应用是基于 Taro 开发的，但是由于前期开发没有考虑转 H5 的需求，导致现在项目过于庞大，转 H5 需要大量的时间和精力处理兼容性问题。考虑到语法上的相似型（方便复制粘贴代码），所以还是选择搭建 一个 Re 阅读全文