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.在组件整个生命周期内维护变量

相关推荐
烛阴6 分钟前
武装你的Python“工具箱”:盘点10个你必须熟练掌握的核心方法
前端·python
sorryhc22 分钟前
如何设计一个架构良好的前端请求库?
前端·javascript·架构
Queen_sy29 分钟前
vue3 el-date-picker 日期选择器校验规则-选择日期范围不能超过七天
javascript·vue.js·elementui
lvchaoq1 小时前
react 修复403页面无法在首页跳转问题
前端·javascript·react.js
郝开1 小时前
6. React useState基础使用:useState修改状态的规则;useState修改对象状态的规则
前端·javascript·react.js
Codigger官方1 小时前
Linux 基金会牵头成立 React 基金会:前端开源生态迎来里程碑式变革
linux·前端·react.js
90后的晨仔1 小时前
🌟 Vue3 + Element Plus 表格开发实战:从数据映射到 UI 优化的五大技巧
前端
ObjectX前端实验室2 小时前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者2 小时前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱2 小时前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json