摘要：
新生命周期新增的两个钩子： 1. getDerivedStateFromProps ：罕见的使用场景，如果state 的值在任何时候都取决于 props ，可以使用这个函数。但是代码会冗余，并且组件不好维护，不常使用。 2. getSnapshotBeforeUpdate ：组件在更新之前来个快照。 阅读全文
摘要：
React 生命周期(旧) 1. 初始化阶段： 由ReactDOM.render()触发 初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() > 常用 一般在这个钩子中做一些初始化的事，例如 阅读全文
摘要：
高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数 1. 若A函数，接收的参数是一个函数，那么A就是高阶函数 2. 若A函数，调用的返回值依然是一个函数，那么A就是高阶函数 函数的柯里化：通过函数调用继续返回函数的方式， 实现多次接收参数最后统一处理的函数编码形式 常见的高阶函 阅读全文
摘要：
非受控组件：现用现取 // 创建组件 class Login extends React.Component{ handleSubmit = (event) => { event.preventDefault() alert(`用户名是${this.username.value}，密码是${this 阅读全文
摘要：
事件处理 1. 通过 onXxx 属性指定事件处理函数（注意大小写） 1）React 使用的是自定义（合成）事件，而不是使用的原生 DOM 事件 ———— 为了更好的兼容性 2）React 中的事件是通过事件委托方式处理的（委托给组件最外层的元素）———— 更高效 2. 通过 event.targe 阅读全文
摘要：
我们来通过一个案例来学习 ref 属性 1. 字符串形式的 ref （过时 API，影响效率，未来即将被淘汰） 需求： 自定义组件，功能说明如下： 1. 点击按钮，提示第一个输入框中的值 2. 当第2个输入框失去焦点时，提示这个输入框中的值 <div id="test"></div> <!-- 引入 阅读全文
摘要：
1. props 的基本使用 <div id="test"></div> <div id="test1"></div> <div id="test2"></div> <!-- 引入react核心库 --> <script src="https://unpkg.com/react@16/umd/rea 阅读全文
摘要：
组件实例三大核心属性1：state 1.定义 1. state 是组件对象最重要的属性，值是对象（可以包含多个key-value） 2. 组件被称为"状态机"，通过更新组件的 state 来更新对应的页面显示（重新渲染组件） 2. 注意 1. 组件中 render 方法中的 this 为组件实例对象 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
- React 简介 React 是一个将数据渲染成 HTML视图的开源 javascript 库 1. 用于动态构建用户界面的 JS 库（只关注于视图） 2. 由 Facebook 开源 - 为什么要学 React 呢？ 1. 原生 JS 操作 DOM 繁琐、效率低（DOM-API操作 UI） 2 阅读全文