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