原创 關於const {xxx} = this.state寫法的解釋

看antdesign官方文檔時,看到以下寫法: const { xxx } = this.state; 上面的寫法是es6的寫法,其實就相當於: const xxx = this.state.xxx

原创 React性能優化問題,React生命週期函數shouldComponentUpdate、純組件PureComponent詳解(含實例)

目錄 1_shouldComponentUpdate、純組件PureComponent的作用 2_實例 3_總結 1_shouldComponentUpdate、純組件PureComponent的作用 父組件每次state值發生變化時,父

原创 react中jsx行內樣式(style)的國定寫法、jsx雙花括號{{}}寫法的解釋

共index.js、index.html、 TodoList.js這三個文件,主要看TodoList.js中的Input標籤的style樣式雙花括號{{}}的寫法,會在下方做全面的解釋 運行效果: index.js: import R

原创 Window setInterval() 方法詳解,其中有的兩個大坑:①當參數爲code時,記得要用單引號括起來,否則代碼只會執行一次。②單雙引號歧義問題

目錄 1_語法: 2_當參數爲code時,兩個易踩得坑: 3_四種正確的常見寫法 4_總結 1_語法: setInterval(code, milliseconds); setInterval(function, milliseconds

原创 react-transition-group動畫組件詳解

1.react-transition-group的優勢 React有非常好的開發環境,任何開發需要的基本需求都可以找到官方或大神造的輪子,動畫也不例外。 react-transition-group動畫組件表現很好,可以滿足日常動畫開發需

原创 cmd命令提示符光標消失的解決方法(最快捷)

看了一些方法說是要打開控制面板設置什麼的,其實根本不用這麼麻煩。 方法如下: 切換輸入法爲中文輸入法,隨便打兩個中文字,然後按shift切換回英文,光標就出現了。

原创 vscode切換默認終端爲cmd

學習react過程中,需要安裝react-transition-group,但每次都要打開cmd安裝包有點麻煩,想直接在vscode的終端進行安裝。 但此時默認終端是powershell,那怎麼切換成cmd呢? 方法如下: 1.點擊紅框

原创 React 16.4 最新生命週期圖譜

官方地址: http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ 可以在React官方文檔中找到最新的圖:

原创 nodejs版本升級大坑!

 安裝axios時報錯: $ npm install -save axios Unhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Fil

原创 關於TypeError: this.state.data.map is not a function的解釋

報錯原因: array.map方法必須是“數組.map”,就是隻用數組纔有.map方法,若出現類似報錯,請檢查你調用.map方法的數據,到底是不是數組 詳細例子見我的另一篇博客: Easy's React學習筆記(二.進階)中,19_a

原创 Easy's React學習筆記(二.進階)

上接 Easy's React學習筆記(一.基礎): https://blog.csdn.net/qq_37279880/article/details/102487420 目錄   15_使用PropTypes校驗傳遞值的類型(Type

原创 安裝axios時,報錯 npm install -save axios npm ERR! code EPERM npm ERR! 的解決方法

 報錯如下: npm ERR! code EPERM npm ERR! syscall open npm ERR! path C:\Program Files\nodejs\node_cache\_cacache\tmp\3219faae

原创 解決react developer tools安裝好,後終端不生效,react DevTools failed to load SourceMap

 控制檯警告: 在控制檯的Settings進行設置 去掉框柱的兩項的√  警告消失:  

原创 npm install的4種常用方式的區別(附表格對比):

npm install x: 會把x模塊安裝到項目的node-modules目錄中 不會修改package.json文件(不添加依賴) npm install x -g: 安裝模塊到全局,不會把x模塊安裝到項目的node-modules目

原创 管理員身份運行cmd(命令提示符)後,如何切換到其他盤的文件夾、路徑的方法

1_以管理員身份運行cmd: 方法一: 左下角搜索cmd,右鍵點擊紅框內命令提示符,點以管理員身份運行 方法二(推薦): 直接鼠標右鍵單擊開始,然後左鍵點命令提示符(管理員)或按快捷鍵A 2_管理員身份運行cmd(命令提示符)後,如何切