react基礎學習三 資料雙向繫結

2021-09-13 22:51:11 字數 666 閱讀 3591

react的雙向資料繫結需要自己來實現,不像vue那樣可以直接使用v-model指令。

react的表單元素可分約束性和非約束性兩種。

不受到react的約束,value的值有原生dom管理,value要寫成defaultvalue。

value的值受到react的狀態state的管理,通過onchange事件來改變value值。

this.handlechange(event)/>
完整demo

window.onload = function()

}handlechange(e))

}handleredio(event))

}handleselect(event))

}submit()

render()/>

this.handleredio(event)}/>男

this.handleredio(event)}/> 女

this.handleselect(event)}>})}

this.submit()}>提交);}

}reactdom.render(

,document.getelementbyid('my')

)}

React 雙向資料繫結

需求 我在子元件中的input框輸入內容的時候,我需要文字中指定的name內容也跟著改變 子元件 import react from react const person props export default person 父元件 import react,from react import f...

react 基礎學習

npm start 啟動專案 class clock extends react.component componentdidmount componentwillunmount render 把元件裝進 root reactdom.render document.getelementbyid ro...

react基礎學習

最簡單的 父 子 傳值 父元件通過在子元件標籤上設定屬性傳遞資料 teachername teachername 子元件通過this.props獲取父元件傳遞的資料 this.props.teachername 獲取老師的名稱 render 我的老師是 我對老師很 滿意 button p 最簡單的 ...