1. 简介 函数式组件本质上就是一个JS函数 作为一个组件，至少包括一些结构代码 2. 示例代码 展开代码 3. 运行原理 ReactDOM.render解析组件标签 解析到组件为函数式组件，调用该函数，将返回的虚拟DOM转为真实DOM呈现在页面 普通JS ...

一、高阶函数 　　所谓高阶函数是指可一把函数作为参数，或者是可以将函数作为返回值的函数（我们见得闭包函数就是高阶函数）。 　　对于程序的编写，高阶函数比普通函数要灵活的多，除了通常意义的函数调用返回外，还形成了一种后续传递风格的结果接收方式，而非单一的返回值形式，后续传递风格 ...

定义 一个函数可以接受另一个函数作为参数，则被称为高阶函数 示例 函数add 接受参数 x,y,f ，调用add时 参数 f 接受的是函数 abs 内置高阶函数-map map函数接收两个参数，一个函数，一个 Iterable。 将参数函数 ...

函数式编程的历史 函数的第一原则是要小，第二原则则是要更小 —— ROBERT C. MARTIN 解释一下上面那句话，就是我们常说的一个函数只做一件事，比如：将字符串首字母和尾字母都改成大写，我们此时应该编写两个函数。为什么呢？为了更好的复用，这样做保证了函数更加的颗粒化。 早在 1950 ...

这一次主要是学习了一下Python3函数式编程思想，介绍了3个代表性高阶函数：map(), reduce(), filter()。像 sorted() 其实也是高阶函数，可以接受函数作为参数。这篇学习笔记中编写了大量高阶函数，同时介绍了Python中的闭包，装饰器。这些思想和方法很美妙，我受益匪浅 ...

　　react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react 特性，而不仅限于 class 组件。react hooks 的出现，标示着 react 中不会在存在无状态组件了，只有类组件和函数组件。 　　状态是隐藏 ...

优化思路 主要优化的方向有2个： 减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块就是 reconction(简单的可以理解为 diff)，如果不 render，就不会 reconction。 减少计算的量。主要是减少重复计算，对于函数式组件来说，每次 ...

文章首发个人博客 前言 目的 本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 面向读者 有过 React 函数式组件的实践，并且对 hooks ...