摘要:表單組件像不同于其它的原生組件,因為它們會隨著用戶交互而改變。交互屬性表單組件提供了一些受用戶交互影響的屬性,支持,支持類型是或者,支持在中,的值是通過子屬性設置的。里會一直展現(xiàn)這個值渲染完成后,里會一直顯示,用戶的任何輸入都是無效的。
表單組件像 、
交互屬性表單組件提供了一些受用戶交互影響的屬性
value,支持、
checked,支持 type類型是checkbox或者radio
selected,支持
在HTML中,
input或者textarea的內(nèi)容改變
input的checked狀態(tài)改變
select的狀態(tài)改變
受控組件設定了value的input就是一個受控組件。input里會一直展現(xiàn)這個值
var InputDemo = React.createClass({ render: function () { return ( ); } }); React.render(, document.body );
渲染完成后,input里會一直顯示Hello!,用戶的任何輸入都是無效的。如果你想隨著用戶的輸入改變,使用onChange事件
var InputDemo = React.createClass({ getInitialState: function () { return {value: "Hello!"} }, render: function () { return ( ); }, handleChange: function (event) { this.setState({value: event.target.value}); } }); React.render(不受控組件, document.body );
value沒有值或者值設為null的input是一個不受控組件。用戶的任何輸入都會反映到輸入框中
var InputDemo = React.createClass({ render: function () { return ( ); } }); React.render(, document.body );
這個時候也可以監(jiān)聽onChange事件,內(nèi)容的改變也會觸發(fā)事件。
可以通過defaultValue給input設置默認值
var InputDemo = React.createClass({ render: function () { return ( ); } }); React.render(, document.body );
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/91496.html
摘要:前言接下來讓我們進入新的章節(jié)漫談。正文一事件系統(tǒng)的事件系統(tǒng)事件系統(tǒng)符合標準,不存在任何兼容性問題,并且與原生的瀏覽器事件一樣有同樣的接口。所有的事件都自動綁定到最外層。組織事件冒泡的行為只適用于合成系統(tǒng)中,且沒辦法阻止原生事件冒泡。 前言 接下來讓我們進入新的章節(jié):漫談React。本篇文章主要講React事件系統(tǒng)和表單操作。 正文 一:事件系統(tǒng) 1.react的事件系統(tǒng)react事件系...
摘要:今天給大家?guī)砹撕贸绦騿T實戰(zhàn)項目商城管理后臺。配合項目學習會讓你更快掌握它的使用方法下面就來看看好程序員這套實戰(zhàn)項目課程介紹好程序員項目本項目是一個使用開發(fā)的商城系統(tǒng)的管理后臺,里面登錄判斷,接口調(diào)用,數(shù)據(jù)展示和編輯,文件上傳等后臺功能。 眾所周知,項目經(jīng)驗對于一個程序員變得越來越重要。在面...
摘要:前言以深入學習技術棧為線索,記錄下學習的重要知識內(nèi)容。要傳入時,必須使用屬性表達式。如果要使用自定義屬性,要使用前綴這與標準是一致的。 前言 以《深入學習react技術棧》為線索,記錄下學習React的重要知識內(nèi)容。本系列文章沒有涵蓋全部的react知識內(nèi)容,只是記錄下了學習之路上的重要知識點,一方面是自己的總結,同時拿出來和在學習react的人們一塊分享,共同進步。 正文 一:rea...
摘要:屬性校驗隨著應用的增長,確保你的組件正確使用是有必要的。混入在當中,組件復用能夠減少我們的代碼量。官方舉例說明的一種情況一個組件,每隔一段時間更新一次。提供了組件生命周期的方法告訴我們組件什么時候被創(chuàng)建和銷毀。 當我們在設計接口的時候,將一些常見的設計元素(如按鈕、表單、布局等)拆分成有著良好接口的可重用的組件。這樣的話,下次你構建UI的時候只要寫少量的代碼。 屬性校驗 隨著應用的...
摘要:具體來說,包管理器就是可以通過命令行,幫助你把外部庫和插件放到你的項目里面并在之后進行版本升級,這樣就不用手工復制和更新庫。現(xiàn)在有的包管理器主要是和。 一、基礎 1、學習HTML基礎 HTML給你的網(wǎng)頁賦予了結構。它就像是人的骨架那樣讓你保持站立。首先你需要去學習語法以及它必須提供的一切。你的學習應該聚焦在下面這些東西上: 學習HTML基礎,了解如何編寫語義HTML 理解如何把網(wǎng)頁分...
閱讀 2351·2021-11-25 09:43
閱讀 2864·2021-11-24 09:39
閱讀 2926·2019-08-30 11:10
閱讀 1130·2019-08-29 16:34
閱讀 595·2019-08-29 13:25
閱讀 3358·2019-08-29 11:21
閱讀 2861·2019-08-26 11:39
閱讀 2394·2019-08-26 11:34