在react中,可以利用setState()來修改組件的狀態。setState()是用于更新組件狀態state的方法,該方法可以對組件state的更改排入隊列,也可獲取最新的狀態,語法為“this.setState( { 要修改的部分數據 } )”。
前端(vue)入門到精通課程,老師在線輔導:聯系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用
本教程操作環境:Windows7系統、react18版、Dell G3電腦。
一、有狀態組件和無狀態組件
1.先理解一下什么是狀態:
定義:
是用來描述事物在某一時刻的形態
的數據 , 一般稱為state。(可以簡單理解為狀態就是數據)
例如:9月23號時書的庫存數量; 18歲時人的身高. vue中也有相關的概念
特點:
能被改變,改變了之后視圖會有對應的變化 (雙向數據綁定)
2.有狀態組件和無狀態組件
有狀態組件:能定義state的組件。類組件就是有狀態組件。
無狀態組件:不能定義state的組件。函數組件又叫做無狀態組件
注意:
2019年02月06日,React 16.8版本中引入了 React Hooks,從而函數式組件也能定義自己的狀態了。【