React的狀態state,相當於vue的data

2021-10-05 11:08:29 字數 694 閱讀 1030

首先先說了乙個react的乙個生命週期函式componentdidmount

作用是元件第一次渲染完成,此時dom節點已經生成,可以在這裡呼叫ajax請求,返回資料setstate後元件會重新渲染
接下來實現乙個需求,就是獲取時間,然後展示在頁面,首先還是定義乙個類元件

class clock extends react.component

} render()

接下來就要用我們的componentdidmount了

componentdidmount())

},1000)

}} 這種方法可以但是不建議

提供一種更好的方法

componentdidmount())

},1000)}}

切勿直接修改state資料,直接state重新渲染內容,需要使用setstate通過this.setstate修改完資料後,並不會立即修改dom裡面的內容,react會在這個 函式內部所有設定狀態改變後,統一對比虛擬dom物件,然後在統一修改,提公升效能

當然這個東西別忘了寫

reactdom.render(

,document.queryselector('#root')

)

學習react改變state狀態

第乙個 父級類元件class 可以傳參name 等於把自己傳過去 子類元件通過props 接收 然後通過 this.props.name.state改變狀態 class deng extends react.component componentdidmount componentdidupdate...

React系列 狀態(State)和生命週期

而這就就關聯到了我們這次的主題 狀態 state 狀態 state 和 屬性 props 類似,都是乙個元件所需要的一些資料集合,但是它是私有的,並且由元件本身完全控制,可以認為它是元件的 私有屬性 或者是區域性屬性 如果想要使用狀態 state 的話,則需要我們在構建元件的時候是要以類元件為形式的...

react 單向資料流和狀態提公升(state)

1.父元件傳遞給子元件props 唯讀 props 是一種從父級向子級傳遞資料的方法。無論是使用函式或是類來宣告乙個元件,它決不能修改它自己的props。function sum a,b 類似於上面的這種函式稱為 純函式 它沒有改變它自己的輸入值,當傳入的值相同時,總是會返回相同的結果。子元件要想父...