這里有兩種方案 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)