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