React的入门到放弃

Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。 为什么需要Hook？ 我们先来看一下类组件对比函数式组件有什么优势： 类组件可以定

认识Redux Toolkit Redux Toolkit 是 Redux 官方强烈推荐，开箱即用的一个高效的 Redux 开发工具集。 在前面我们学习Redux的时候发现，Redux的编写逻辑还是有

在react中使用redux 这里我们创建两个组件，展示同一个count，分别在两个组件中对count进行操作。 项目目录结构: 安装redux: 代码： 分析上面的代码，我们发现三个组件中有很多重复

为什么需要redux？ 随着JavaScript开发的应用程序，变得越来越复杂，javaScript需要管理的状态越来越多，越来越复杂。 这些状态包括服务器返回的数据、缓存数据、用户操作产生的数据等等

React中如何编写CSS 事实上，css一直是React的痛点,也是被很多开发者吐槽、诟病的一个点。 在这一点上，Vue做的要好于React： Vue通过在.vue文件中编写style标签来编写自己

定义 官方定义： 高阶组件（HOC）是React中用于复用组件逻辑的一种高级技巧。HOC自身不是React API的一部分，它是一种基于React的组合特征 具体而言，高阶组件是参数为组件，返回值为新

在了解React的diffing算法之前，必先要知道React的diffing算法解决了什么问题，这就必要聊到传统的diffing算法了。 传统diffing算法 传统的diffing算法会通过循环递

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

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

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

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

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

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

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

一、什么React选择JSX？ React认为渲染逻辑本质上与其他UI逻辑内在耦合 比如UI需要绑定事件(button,a元素等等)； 比如UI中需要展示数据状态； 比如在某些状态发生改变时，有需要改