在react中，可以利用setState()來(lái)修改組件的狀態(tài)。setState()是用于更新組件狀態(tài)state的方法，該方法可以對(duì)組件state的更改排入隊(duì)列，也可獲取最新的狀態(tài)，語(yǔ)法為“this.setState( { 要修改的部分?jǐn)?shù)據(jù) } )”。

前端（vue）入門(mén)到精通課程，老師在線輔導(dǎo)：聯(lián)系老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用

本教程操作環(huán)境：Windows7系統(tǒng)、react18版、Dell G3電腦。

一、有狀態(tài)組件和無(wú)狀態(tài)組件

1.先理解一下什么是狀態(tài):

定義：

是用來(lái)描述事物在某一時(shí)刻的形態(tài)的數(shù)據(jù) , 一般稱(chēng)為state。(可以簡(jiǎn)單理解為狀態(tài)就是數(shù)據(jù))
例如：9月23號(hào)時(shí)書(shū)的庫(kù)存數(shù)量； 18歲時(shí)人的身高. vue中也有相關(guān)的概念

特點(diǎn):

能被改變，改變了之后視圖會(huì)有對(duì)應(yīng)的變化 (雙向數(shù)據(jù)綁定)

2.有狀態(tài)組件和無(wú)狀態(tài)組件

有狀態(tài)組件：能定義state的組件。類(lèi)組件就是有狀態(tài)組件。

無(wú)狀態(tài)組件：不能定義state的組件。函數(shù)組件又叫做無(wú)狀態(tài)組件

注意:

2019年02月06日，React 16.8版本中引入了 React Hooks，從而函數(shù)式組件也能定義自己的狀態(tài)了?！?/p>