createRef

一、认识

---

React.createRef() 一般用于类组件创建 Ref 对象，可以将 Ref 对象绑定在类组件实例上，这样更方便后续操作 Ref。注意：不要在函数组件中使用 createRef，否则会造成 Ref 对象内容丢失等情况(原因请看原理)。

二、语法

---

class MyComponent extends React.Component {
  constructor(props) {
    super(props);

    this.inputRef = React.createRef();
  }

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

  componentDidMount() {
    this.inputRef.current.focus();
  }
}