前言
一、靜態頁面圖
二、開發步驟
1.元件劃分
2.資料管理
3、難點
4、涉及的知識點
5、常見面試題:
總結
],comment-add為受控元件:使用者輸入的值有state管理並控制輸入框的顯示,其state結構如下:
state = ;
1、提交功能的實現:若設定comment-add為非受控元件,則獲取input的值時存在要獲取dom的問題
this的事件繫結【箭頭函式、作用域】
static
es5的類
類中的屬性
陣列的splice方法
通過這次實戰,意識到自己對元件劃分以及設定元件是什麼狀態不是很了解,對陣列的常用方法掌握的不牢固,剛剛入門還要勤奮學習。
React專案構建
babel配置 webpack配置 vscode配置 啟動專案 將專案開發基礎檔案react mobx starter master.zip解壓縮,並用這個目錄作為專案根目錄。在專案根目錄中,執行下面的命令,就會自動按照package.json的配置安裝依賴模組。npm install或者 npm ...
react專案優化
1 key react diff演算法同層級比較時利用key來判斷old tree是否存在這樣的乙個key,如果存在則只需更新渲染否則元件會被銷毀並建立key最好如資料庫id一樣。2 shouldcomponentupdate 預設返回true,當判斷nextstate與this.state並thi...
建立react專案
1.安裝node lts比較穩定的版本 current最新的版本 安裝完成後 node v npm v 輸出成功,說明node就安裝成功了。2.建立react腳手架 npm start yarn.lock 專案的依賴包 版本號 不要動 package.json scripts gitignore 用...