React 学习笔记（12）：非受控组件和受控组件

纷飞丿

于 2022-03-08 21:39:46 发布

阅读量375

点赞数

分类专栏： react学习笔记文章标签： react.js 学习前端

本文链接：https://blog.youkuaiyun.com/f18855666661/article/details/123004389

版权

1，基础概念

非受控组件：页面中所有输入类 DOM 的数据是现用现取的组件是非受控组件。

受控组件：页面中所有输入类 DOM 的数据被维护在组件的 state 中、并且随着 DOM 数据的 change 而更新，在使用输入 DOM 数据的时候直接从 state 中取。

非受控组件：

<script type="text/babel">
	//创建组件
	class Login extends React.Component{
		handleSubmit = (event)=>{
			event.preventDefault() //阻止表单提交