[react] react中什么是非控组件？

表单元素的value/checked值、onChange事件没有和组件的state存在绑定关联关系，如果需要获取表单元素的值，需要使用ref获取DOM，然后得到元素的值.demo如下：

import React from 'react';
class FormDemo extends React.Component {refUsername = React.createRef();refPassword = React.createRef();onSubmit = () => {const [username,password,] = [this.refUsername.current.value,this.refPassword.current.value,];console.log({username,password,})}render () {return (<div className="form"><p><span>用户名:</span><input ref={this.refUsername} name="username" /></p><p><span>密码:</span><input ref={this.refPassword} name="password" /></p><button onClick={this.onSubmit}>登录</button></div>)}
}
export default FormDemo;

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react] react中什么是非控组件？相关推荐

如何在React Native中使用文本输入组件？
You know, an app becomes more authentic and professional when there is the interaction between the a ...
android 高德地图 3d,在React Native中使用高德地图组件react-native-amap3d
react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS,受react-native-maps启发,提供功能丰富且易用的接口. node 主要功能:react ...
react native中有关日期的组件DatePicker 示例
1.用node加载react-native-datepicker包 npm install react-native-datepicker 2.直接上代码 import React, { PureCo ...
【已解决】在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob
今天在公司做 excel 导入文件的时候发现每次上传都会报这个错误: Uncaught TypeError: Failed to execute 'readAsArrayBuffer' on 'Fil ...
中使用js修改变量值_谈一谈css-in-js在React项目中的使用
一.什么是css-in-js 参考:[css in js 简介] 简单来说,传统的前端方案推崇"关注点分离"原则,HTML.CSS.JavaScript 应该各司其职,进行分离. ...
React Router 中文文档（一）
React Router 中文文档(一) React Router 中文文档(一) 官方英文文档 - https://reacttraining.com/rea... 版本 - v4.2.0 < ...
[react] 如何给非控组件设置默认的值？
[react] 如何给非控组件设置默认的值? 表单元素依赖于状态(state),表单元素需要默认值实时映射到状态的时候,就是受控组件 <input name="username&quo ...
Android之React Native 中组件的生命周期
React Native 中组件的生命周期概述就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对 ...
react控制组件中元素_React Interview问题：浏览器，组件或元素中呈现了什么？
react控制组件中元素 by Samer Buna 通过Samer Buna React Interview问题:浏览器,组件或元素中呈现了什么? (React Interview Question ...

[react] react中什么是非控组件？

[react] react中什么是非控组件？

个人简介

主目录

[react] react中什么是非控组件？相关推荐

最新文章

热门文章