fadeaway_shot

一、事件冒泡和事件捕获 让我们先从一个例子开始： 我们在p元素和div元素都添加点击事件的处理程序，然后点击p元素，会发现上div的处理程序也会运行。 事件冒泡 原理：当一个事件发生在一个元素上，它会

在某些特殊的情况下，我们需要获取到原生DOM元素进行某些操作。 那么如何创建refs来获取对应的DOM呢？目前有三种方式： 方式一：传入字符串（已废弃，不建议使用） 使用时通过this.refs.传入

我们先来看一个例子： App有一个counter计数器，同时还有子组件Home，当点击按钮+1后，App的render函数会被调用，但同时我们发现Home组件的render函数也被调用了10次。 那么

插槽的作用主要是为了让组件具有更强的通用性，使用者可以自定义组件要存放的内容。 在vue中我们可以通过用slot来实现这个需求，那么在React中怎么来实现呢？ React对于这种需要插槽的情况非常的

在开发中遇到一个函数的圈复杂度有21，原因是里面包含了7个if判断，于是就想着怎么优化这部分代码，把全复杂度降下来。 我们经常遇到比较复杂的条件判断，最普遍的做法是if-else,但是这种方法往往会让

开发中当组件中的状态发生了变化，页面并不会重新渲染。我们必须要通过setState来告知React数据已经发生了变化，重新渲染页面。 setState异步更新 先来看下面的例子： 最终打印的结果是He

在React项目中，一个页面会被分割成很多个组件，组件之间形成嵌套关系，所以组件之间的通信是非常重要的环节。 除了使用状态管理工具（如redux）以外，我们来看看如何实现父子组件通信的。 一、父传给子

很多的事物都有从创建到销毁的整个过程，这个过程称为生命周期。 React组件也有自己的生命周期，了解组件的生命周期可以让我们在最合适的地方完成自己想要的功能。 官方文档中有这么一段例子： 当Clock

一、什么是类组件 使用 ES6 的 class来声明一个组件，如下所示 二、什么是函数组件 使用函数声明一个组件，接受props参数，返回一个React元素，如下 三、类组件和函数组件的区别 1、语法