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

相关推荐
JamesGosling6667 分钟前
深入理解内容安全策略(CSP):原理、作用与实践指南
前端·浏览器
不要想太多8 分钟前
前端进阶系列之《浏览器渲染原理》
前端
Robet12 分钟前
TS和JS成员变量修饰符
javascript·typescript
方法重载13 分钟前
前端性能优化之“代码分割与懒加载”)
javascript
七喜小伙儿19 分钟前
第2节:趣谈FreeRTOS--打工人的日常
前端
我叫张小白。23 分钟前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3
laocooon52385788623 分钟前
vue3 本文实现了一个Vue3折叠面板组件
开发语言·前端·javascript
IT_陈寒1 小时前
React 18并发渲染实战:5个核心API让你的应用性能飙升50%
前端·人工智能·后端
科普瑞传感仪器1 小时前
从轴孔装配到屏幕贴合:六维力感知的机器人柔性对位应用详解
前端·javascript·数据库·人工智能·机器人·自动化·无人机
n***F8751 小时前
SpringMVC 请求参数接收
前端·javascript·算法