久宇詩

摘要： 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 閱讀全文