zoukankan      html  css  js  c++  java
  • React Refs 简单演示

    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(){
        this.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();

  • 相关阅读:
    csp-s模拟110
    csp-s模拟109
    留念
    csp-s 2019 游记
    HEOI2020
    CSP-S2019记
    堆积的$TIPS$
    低错复习
    倍增并查集
    4.26
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12698529.html
Copyright © 2011-2022 走看看