React 支持一种非常特殊的属性 Ref ,可以用来绑定到 render() 输出的任何组件上
import React,{ Component } from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import * as serviceWorker from './serviceWorker'; class Focus extends Component{ constructor(props){ super(props); this.focusFn=this.focusFn.bind(this); } focusFn(){ .refs.myInput.focus(); } render(){ return( <div> <input type="text" ref="myInput" /> <br/> <button onClick={this.focusFn}>点我</button> </div> ) } } ReactDOM.render( <div> <Focus /> </div>,document.getElementById('example') ); serviceWorker.unregister();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。