React Refs 简单演示

发布时间：2020-12-15 09:29:20 所属栏目：百科来源：网络整理

导读：React 支持一种非常特殊的属性 Ref ，可以用来绑定到 render() 输出的任何组件上 import React,{ Component } from 'react' ;import ReactDOM from 'react-dom' ;import './index.css' ;import * as serviceWorker from './serviceWorker' ;class Focus exte

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();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!