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