2020react專案練習

2021-10-10 04:41:35 字數 618 閱讀 7920

前言

一、靜態頁面圖

二、開發步驟

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 用...