1. 程式人生 > >React 學習筆記(二) (事件、約束與非約束性元件)

React 學習筆記(二) (事件、約束與非約束性元件)

事件物件

方法一
react事件物件
方法二
react事件物件
方法三
react事件物件

表單取值

react表單取值

鍵盤事件

react鍵盤事件

react實現雙向資料繫結

react實現雙向資料繫結

約束性元件和非約束性元件

非約束性元件 defaultValue<input type="text" defaultValue=‘111’/>
相當於原生DOM的value屬性,value就是使用者輸入的內容,react不管理輸入的過程;

約束性元件 valueonChange相結合:<input value={this.state.model} type="text" onChange={this.inputChange}/>


這裡的value不是寫死的值,是有onChange負責管理的,value的值,不是使用者輸入的內容,而是onChange事件觸發後,由this.setState重新渲染的,這個過程我們看不到的(比較抽象,自行理解>_<)。