React-router5.x 路由的使用及配置
在 React router 中通常使用的組件有三種： 路由組件（作為根組件）: BrowserRouter（history模式） 和 HashRouter（hash模式） 路徑匹配組件: ...
花費 12 ms
Video-React 視頻播放組件的使用
安裝： 使用示例： 參考文檔 https://video-react.js.org/ ...
React 和 VUE 的區別和優缺點
前言 React 是由Facebook創建的JavaScript UI框架，React推廣了 Virtual DOM( 虛擬 DOM )並創造了 JSX 語法。JSX 語法的出現允許我們在 java ...
React 性能優化之組件動態加載（react-loadable）
React 項目打包時，如果不進行異步組件的處理，那么所有頁面所需要的 js 都在同一文件中（bundle.js），整個js文件很大，從而導致首屏加載時間過長。 所有，可以對組件進行異步加載處理 ...
基於React 的audio音頻播放組件
基於React 的audio音頻播放組件, 自定義播放/暫停按鈕、進度條調節、音量調節、倍速播放。 組件代碼： AudioPlay.js 組件引用 ...
react.js Hooks路由跳轉
useHistory 鈎子允許您訪問可能用於導航的歷史實例。 更多跳轉方式可參考：https://reacttraining.com/react-router/web/api/H ...
React 中使用富文本編輯器 Braft Editor ，並集成上傳圖片功能
Braft Editor 是基於draft-js開發的富文本編輯器，適用於 React 框架。 1. 安裝 使用npm 使用yarn 2. 基本使用 2. 自定義內置控件 Br ...
yarn之package.json
官方說明：https://classic.yarnpkg.com/zh-Hans/docs/package-json 原文地址：yarn命令的使用 name 和 version 是 pack ...
React Editor - 富文本編輯器wangeditor
1. npm install依賴安裝 2. 在tsx文件中引入 3.頁面使用 參考文檔：https://www.wangeditor. ...
React Context 的基本用法
Context 提供了一個無需為每層組件手動添加 props，就能在組件樹間進行數據傳遞的方法。 1. 用法 React.createContext 創建一個 Context 對象。當 Re ...