#React 如何创建裁判？

有两种方法

这是最近添加的方法。参考文献使用创建的React.createRef()方法和连接反应经由元素ref属性。为了在整个组件中使用引用，只需将引用分配给构造函数中的instance属性。

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

无论React版本如何，您也可以使用ref回调方法。例如，按以下方式访问搜索栏组件的输入元素

class SearchBar extends Component {
   constructor(props) {
      super(props);
      this.txtSearch = null;
      this.state = { term: '' };
      this.setInputSearchRef = e => {
         this.txtSearch = e;
      }
   }
   onInputChange(event) {
      this.setState({ term: this.txtSearch.value });
   }
   render() {
      return (
         <input
            value={this.state.term}
            onChange={this.onInputChange.bind(this)}
            ref={this.setInputSearchRef} />
      );
   }
}

您还可以使用闭包在功能组件中使用引用。 注意：即使不推荐这样做，也可以使用内联引用回调