从品牌网站建设到网络营销策划,从策略到执行的一站式服务
小编给大家分享一下react中refs指的是什么,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
翁源网站制作公司哪家好,找成都创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联公司公司2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
react中的refs是react支持的一种特殊属性,这个特殊属性允许我们引用render()返回的相应的支撑实例。这样我们就可以确保在任何时间总是拿到正确的实例。
属性介绍:
React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。
这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以确保在任何时间总是拿到正确的实例。
使用方法:
绑定一个 ref 属性到 render 的返回值上:
在其它代码中,通过 this.refs 获取支撑实例:
var input = this.refs.myInput; var inputValue = input.value; var inputRect = input.getBoundingClientRect();
举例:
通过使用 this 来获取当前 React 组件,或使用 ref 来获取组件的引用,如下:
class MyComponent extends React.Component { handleClick() { // 使用原生的 DOM API 获取焦点 this.refs.myInput.focus(); } render() { // 当组件插入到 DOM 后,ref 属性添加一个组件的引用于到 this.refs return (); }} ReactDOM.render(, document.getElementById('example'));
实例中,我们获取了输入框的支撑实例的引用,子点击按钮后输入框获取焦点。
看完了这篇文章,相信你对react中refs指的是什么有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图