久宇诗

摘要： 1. useState：保存组件状态 2. useEffect： 处理副作用 3. useContext： 减少组件层级 4. useReducer：类似于redux，通信 5. useCallback： 记忆函数 6. useMemo： 记忆组件 7. useRef： 保存引用值 8. useImperativeHandle： 透传 Ref 9. useLayoutEffect： 同步执行副作用 阅读全文

摘要： React.lazy React.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。 什么意思呢？ 其实就是懒加载。 其原理就是利用es6 import()函数。这个import不是import命令。 同样是引入模块，import命令是同步引入模块，而import()函数动态引入。 当 阅读全文

摘要： 功能：让用户从一个视图(组件)导航到另一个视图(组件) 前端路由是一套映射规则，在React中，是URL路径与组件的对应关系 使用React路由简单来说，就是配置路径和组件 路由的使用 1、安装路由 npm i -S react-router-dom 2、相关组件 Router组件：包裹整个应用，一 阅读全文

摘要： 1、传统MVC框架的缺陷 模型(model)－视图(view)－控制器(controller)的缩写 V即View视图：用户看到并与之交互的界面。 M即Model模型是管理数据：很多业务逻辑都在模型中完成。在MVC的三个部件中，模型拥有最多的处理任务。 C即Controller控制器：接受用户的输入 阅读全文

摘要： 一、let const 五个共同特点 不允许重复声明 块级作用域 不存在变量提升 不影响作用域链 暂时性死区 在代码块内，使用let/const命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区” const 特殊性 声明必须赋初始值； 标识符一般为大写（习惯）； 值不允许修改； 指 阅读全文

摘要： 封装一个momentTime.js文件，包含8种格式. 需要传两个参数: 时间戳：stamp 格式化的类型：type， 日期补零的方法用到es6语法中的padStart（length,‘字符’）: 第一个参数是指定生成的字符串的最小长度， 第二个参数是用来补全的字符串。 如果没有指定第二个参数，默认 阅读全文

摘要： 父组件与子组件通信 父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记，通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法 父组中定义ref引用 import React,{Component, 阅读全文

摘要： 四个阶段 初始化 运行中 销毁 错误处理(16.3以后) 初始化 constructor static getDerivedStateFromProps() componentWillMount() / UNSAFE_componentWillMount() render() componentDi 阅读全文

摘要： 1、事件绑定 React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同: React 事件的命名采用小驼峰式，而不是纯小写。 onClick onChange 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。 onClick={this.fn} 类组件与函 阅读全文

摘要： 1、属性(props) 组件间传值，在React中是通过只读属性 props 来完成数据传递的。 props：接受任意的入参，并返回用于描述页面展示内容的 React 元素。 import React, { Component, Fragment } from 'react' import Reac 阅读全文