React Hook 一定会用到的属性是 useState，对于 state 的设置和获取在 Hook 的体现就是 useState基本用法不多重复:const [count, setCount...
一、说明之前写过一片文章，在 react 中使用 monaco-editor，然后有好几个读者私聊我说代码不高亮，我一开始没放在心上，但是后面我研究了一下，我的代码中使用的是 0.18.1 版本...
一、需求需要使用一个 React 实现一个 Todo List，这个简单的要死。但是现在使用 Hook 来实现两个基本组件，而使用的 Hook 则是 useState。github 地址：htt...
如果想要使用 react 的 Hook 属性，需要更新 react 的版本到 16.7.0-alpha.0+ 的版本，否则会直接报错。如果使用 create-react-app 套件，这里直接给...
一、API 列表React 内置的 Hook 如下：基础 Hook：useStateuseEffectuseContext其他 Hook：useReduceruseCallbackuseMemo...
一、共享逻辑场景及传统做法构建自己的 Hook 能够将组件逻辑提取到可重用的函数中。下面代码是 React Hook 文档中使用 Effect Hook 的时候构造的一个聊天应用程序，这个组件显...
一、使用 Hook 的两个规则Hook 是 javascript 函数，但是在使用的时候需要遵循两个规则，而 React 提供了一个 linter 插件来自动执行这些规则。1、最高级使用 Hoo...
一、描述Effect Hook 可以让你能够在 Function 组件中执行副作用（side effects）：import { useState, useEffect } from 'reac...
一、描述：React Hook 一览 这边文章里面简单介绍了一下 React Hook 以及基本的使用情况。里面拿出了一个简单的计数的例子，使用了 useState Hook：import { ...
关于 react hooks 的基本介绍以及动机可以看 React 的文档：https://reactjs.org/docs/hooks-intro.html一、State Hook以一个简单的...
一、描述下面更多的是对 API 部分的说明，基础的事件处理文档在 React 文档的 Handling Events 部分。SyntheticEvent 是 React 在浏览器事件基础上做的一...
一、描述React 实现了独立于浏览器的 DOM 系统，来实现性能和跨浏览器兼容性。同时，在自己实现的 DOM 系统中，清理了一些粗糙的属性等。在 React 中，所有的 DOM 属性和 att...
一、描述一般很少去使用 <script> 去加载 react，都是 ES6 的方式使用 npm 包加载，如果是 script 的方式， ReactDOM 是作为顶级 API 存在的，...
一、setState(updater[, callback])setState() 方法将组件中 state 的变化进入队列中，然后会通知 React 需要其组建和子组件需要给予更新后的 sta...
一、说明react 的发展过程中算是比较稳健的，并没有大跨越扯着蛋的行为，（虽然现在我觉得有点激进了），而 React.Component 中生命周期方法目前也处于一个过渡期，因为有几个方法即将...
一、描述错误边界 是 React 的一种组件树，能够在子组件树中的任何位置捕获 JavaScript 错误，并且能够打日志或者是显示错误情况下的UI组件。错误边界能够在渲染期间、生命周期方法以及...
三个生命周期方法在整个声明周期中的位置：一、componentDidMountreact 文档中有建议将网络请求放在 componentDidMount 而不是放在 componentWllMo...
对 React.Component 文档的再读0、生命周期大图render() 和 constructor() 在 react 声明周期中的位置：一、render()React.Componen...
一、描述Render Props 只是一个概念，其实本质上是将一个方法传递给组件，一般我们给组件传递内容都是传递的值，而值一般都是 对象、Sting、Array、Number、Boolean 。...
一、描述一般使用 React 的组件都是挂到父组件的 this.props.children 上面，总是被最近的父组件所捕获，最终到 React 根组件上。而 Protals 则提供了一种将组件...