A05 React+AntDesign 事件對象、鍵盤事件、表單事件、類似vue的數據雙向綁定

1 事件對象

 

 2 如何獲取表單的值

①

 {/* 

                1、監聽表單的改變事件

                2、在改變事件里面獲取表單輸入值

                3、把表單輸入的值賦值給username

                4、點擊按鈕的時候獲取state里面的username的值 */}

 

 

 

② 通過ref獲取dom節點（A04的5原生dom獲取value也可以）

3 鍵盤事件

 

 

 4 react實現類似vue的數據雙向綁定

value:約束性組（必須和onChange一起使用） <input value={this.state.username} onChange={this.inputChange} />

　　這里的value是this.state.username，而this.state.username是由onChange事件管理的

　　實際上input里的值不是輸入的值，而是通過onChange事件改變了this.state.username的值再重新渲染給了input

defaultValue：非約束性組 <input defaultValue=‘a’ />，這僅僅是原生DOM里的value