这里有两种方案 1. 这是最近增加的一种方案。*Refs*是使用`React.createRef()`方法创建的，并通过`ref`属性添加到 React 元素上。为了在整个组件中使用*refs*，只需将*ref*分配给构造函数中的实例属性。 ~~~js class MyComponent extends React.Component { constructor(props) { super(props) this.myRef = React.createRef() } render() { return <div ref={this.myRef} /> } } ~~~ 2. 你也可以使用 ref 回调函数的方案，而不用考虑 React 版本。例如，访问搜索栏组件中的`input`元素如下： ~~~js 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} /> ); } } ~~~ 你也可以在使用**closures**的函数组件中使用*refs*。 **注意：**你也可以使用内联引用回调，尽管这不是推荐的方法。 ## 参考 [react面试题](https://github.com/semlinker/reactjs-interview-questions)