[react] react中什么是受控組件？

表單元素的value/checked值與state綁定，同時表單元素的onChange可以動態的改變對應的state的值，即數據的變更可以更新視圖，用戶操作視圖的更新也可以觸發state數據的更新.

import React from 'react'; class FormDemo extends React.Component {state = {username: '',password: ''}handleChange = event => {const { name, value } = event.target;this.setState({[name]: value,});}onSubmit = () => {const { username, password } = this.state;console.log({username,password,})}render () {const { username, password } = this.state;return (<div className="form"><p><span>用戶名:</span><input value={username} name="username" onChange={this.handleChange} /></p><p><span>密碼:</span><input value={password} name="password" onChange={this.handleChange} /></p><button onClick={this.onSubmit}>登錄</button></div>)} } export default FormDemo;

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[react] react中什么是受控组件？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。