这个 api 已经过时了，下面的是最新的用法:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();  }
  render() {
    return <div ref={this.myRef} />;  }}

扩充一下楼上的代码：

class MyComponent extends React.Component {    constructor(props) {
        super(props);
        this.myRef = React.createRef();      }
  handleClick() {
    // 使用原生的 DOM API 获取焦点
    this.myRef.current.focus();
  }
  render() {
    //  当组件插入到 DOM 后，ref 属性添加一个组件的引用于到 this.refs
    return (
      <div>
        <input type="text" ref={this.myRef} />
        <input
          type="button"
          value="点我输入框获取焦点"
          onClick={this.handleClick.bind(this)}
        />
      </div>
    );
  }}

react 支持三种方式获取 ref，传统的字符串 ref，React.createRef()，回调函数，第一种需要从 refs 上去读取，第二种需要访问 myRef.current，回调函数写法:

<input type="text" ref={(node) => {this.myRef = node}} />

你可以直接通过你声明的 myRef 直接访问，但是现在使用最多的其实还是 React.createRef，相应的 hooks 为 useRef()。