在react中,可以利用setState()來修改組件的狀態(tài)。setState()是用于更新組件狀態(tài)state的方法,該方法可以對(duì)組件state的更改排入隊(duì)列,也可獲取最新的狀態(tài),語法為“this.setState( { 要修改的部分?jǐn)?shù)據(jù) } )”。
前端(vue)入門到精通課程,老師在線輔導(dǎo):聯(lián)系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點(diǎn)擊使用
本教程操作環(huán)境:Windows7系統(tǒng)、react18版、Dell G3電腦。
一、有狀態(tài)組件和無狀態(tài)組件
1.先理解一下什么是狀態(tài):
定義:
是用來描述事物在某一時(shí)刻的形態(tài)
的數(shù)據(jù) , 一般稱為state。(可以簡(jiǎn)單理解為狀態(tài)就是數(shù)據(jù))
例如:9月23號(hào)時(shí)書的庫存數(shù)量; 18歲時(shí)人的身高. vue中也有相關(guān)的概念
特點(diǎn):
能被改變,改變了之后視圖會(huì)有對(duì)應(yīng)的變化 (雙向數(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>