React Ref使用

受控与非受控组件

Ref

1.获取原生dom

类组件中:在componentDidMount方法内使用document.getElementById的方法获取到dom元素

1 目标dom增加ref属性 设置为字符串
javascript 复制代码
<h2 ref='titleref'></h2>

function changeRef(){
	this.refs.titleref.innerHtml = ``
}
2

函数组件:

2.在组件整个生命周期内维护变量

相关推荐
麦麦大数据13 分钟前
F051-vue+flask企业债务舆情风险预测分析系统
前端·vue.js·人工智能·flask·知识图谱·企业信息·债务分析
1024肥宅16 分钟前
现代 JavaScript 特性:ES6+ 新特性深度解析与实践
前端·javascript·面试
速易达网络24 分钟前
基于Java Servlet的用户登录系统设计与实现
java·前端·mvc
晨光321142 分钟前
Day34 模块与包的导入
java·前端·python
BD_Marathon1 小时前
Vue3_关于CSS样式的导入方式
前端·css
苹果电脑的鑫鑫1 小时前
vue和react缩进规则的配置项如何配置
前端·vue.js·react.js
BD_Marathon1 小时前
Vue3_工程文件之间的关系
前端·javascript·vue.js
weibkreuz1 小时前
模块与组件、模块化与组件化的理解@3
开发语言·前端·javascript
拾忆,想起1 小时前
单例模式深度解析:如何确保一个类只有一个实例
前端·javascript·python·微服务·单例模式·性能优化·dubbo
RealizeInnerSelf丶1 小时前
Web 网页如何唤起本地 Windows 应用并传递参数(含 Electron 自动注册 + 手动配置指南)
前端·windows