創(chuàng)新互聯(lián)www.cdcxhl.cn八線動態(tài)BGP香港云服務(wù)器提供商，新人活動買多久送多久，劃算不套路！

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站10多年經(jīng)驗成就非凡，專業(yè)從事網(wǎng)站建設(shè)、網(wǎng)站制作，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文推廣，廣告投放等。10多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：18982081108，我們期待您的來電！

這篇文章主要介紹如何在 React中使用表單，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

HTML 表單元素與 React 中的其他 DOM 元素有所不同,因為表單元素生來就保留一些內(nèi)部狀態(tài)。

在 HTML 當(dāng)中，像 <input>, <textarea>, 和 <select> 這類表單元素會維持自身狀態(tài)，并根據(jù)用戶輸入進(jìn)行更新。但在React中，可變的狀態(tài)通常保存在組件的狀態(tài)屬性中，并且只能用 setState() 方法進(jìn)行更新。

一個簡單的實例

在實例中我們設(shè)置了輸入框 input 值 value = {this.state.data}。在輸入框值發(fā)生變化時我們可以更新 state。我們可以使用 onChange 事件來監(jiān)聽 input 的變化，并修改 state。

class HelloMessage extends React.Component {
 constructor(props) {
  super(props);
  this.state = {value: 'Hello jb51!'};
  this.handleChange = this.handleChange.bind(this);
 }
 
 handleChange(event) {
 this.setState({value: event.target.value});
 }
 render() {
 var value = this.state.value;
 return <div>
   <input type="text" value={value} onChange={this.handleChange} /> 
   <h5>{value}</h5>
   </div>;
 }
}
ReactDOM.render(
 <HelloMessage />,
 document.getElementById('example')
);

文章標(biāo)題：如何在React中使用表單-創(chuàng)新互聯(lián)
路徑分享：http://www.chinadenli.net/article26/djdgcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、定制網(wǎng)站、網(wǎng)站建設(shè)、微信小程序、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)