React Refs 简单演示

前端开发 作者: 2024-08-19 21:00:01
React 支持一种非常特殊的属性 Ref ,可以用来绑定到 render() 输出的任何组件上 import React, { Component } from 'react'; i
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();

总结

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65142.html
React Refs 简单演示