import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef(); // 将引用对象设置为父组件的成员
  }

　render() {
    return <input type="text" ref={this.inputRef} />;
　}

  componentDidMount() {
    console.log(this.inputRef); // {current: input}
    console.log(this.inputRef.current); // <input type="text">
    console.log(this.inputRef.current instanceof HTMLInputElement); // true
    this.inputRef.current.focus(); // 操作子组件
  }
}

// react安装包中的react.development.js
// an immutable object with a single mutable（易变的） value
function createRef() {
  var refObject = {
    current: null
  };
  {
    Object.seal(refObject); // 将对象密封（不能增删属性、配置属性，但可以给属性赋值）
  }
  return refObject;
}

// react-dom安装包中的react-dom.development.js

function commitAttachRef(finishedWork) {
  var ref = finishedWork.ref;
  if (ref !== null) {
    var instance = finishedWork.stateNode;
    var instanceToUse = void 0;
    switch (finishedWork.tag) {
      case HostComponent: // 原生html标签
          // 原样返回：function getPublicInstance(instance) {return instance;}
        instanceToUse = getPublicInstance(instance);
        break;
      default:
        instanceToUse = instance; // React组件
    }
    if (typeof ref === 'function') { // ref是函数
      ref(instanceToUse); // 执行
    } else { // ref是引用对象
      {
        if (!ref.hasOwnProperty('current')) {
          warningWithoutStack$1(
　　　　　　　　false, 
　　　　　　　　'Unexpected ref object provided for %s. ' 
　　　　　　　　　　+ 'Use either a ref-setter function or React.createRef().%s', 
　　　　　　　　getComponentName(finishedWork.type), getStackByFiberInDevAndProd(finishedWork));
        }
      }

      ref.current = instanceToUse; // 设置引用对象的current属性
    }
  }
}