react ref 属性
来源:互联网 发布:jsp如何引入java类 编辑:程序博客网 时间:2024/05/17 09:04
- React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。
- 这个特殊的属性允许你引用 render() 返回的相应的支撑实例。
- 例如:
//在MyComponent组件中使用ref很方便的获取dom节点,进行相关操作。var MyComponent = React.createClass({ handleClick: function() { // 使用this.refs获得input dom节点的引用,并使input获得焦点 this.refs.myInput.focus(); }, render: function() { //当组件插入到DOM后,ref属性添加render返回的实例的引用于到 this.refs return ( <div> <input type="text" ref="myInput" /> <input type="button" value="点我输入框获取焦点" onClick={this.handleClick} /> </div> ); }});
阅读全文
0 0
- react ref 属性
- React入门笔记(三):表单、事件、Ref属性
- React 之ref 详解
- React-小白笔记之路由传参&ref&组件属性
- react native ref的使用
- React之ref详细用法
- React之ref详细用法
- react中的ref的使用
- React中Ref的使用
- React之ref的使用
- Hibernate property-ref属性
- Hibernate property-ref属性
- Spring ref属性配置
- Hibernate property-ref属性
- 特殊属性之:ref
- React Native ref高级用法&&setNativeProps使用
- React Native ref高级用法&&setNativeProps使用
- React Native ref高级用法&&setNativeProps使用
- 5.判断语句与循环语句
- yii2表单get多次提交时一直在地址重复拼接参数
- 阻塞非阻塞与同步异步的区别
- 对定义局部变量位置的思考
- Dockerfile中RUN bash -c 'touch /app.jar'是干嘛的
- react ref 属性
- MapReduce---chain链条式操作
- 2017.8.18---------树状数组逆序+离散
- 数据结构数据结构系统学习之路
- 使用istream对象作为条件
- 代码块
- 在ubuntu 16.04上安装docker
- 个人总结(1)
- 接口的幂等性设计