ref是React提供的用来操纵React组件实例或者操作DOM元素的技术。
适合使用ref的几种情况:
- 管理焦点,文本选择或媒体播放
- 触发强制动画
- 集成第三方DOM库
示例1: class CustomTextInput extends React.Component { constructor(props) { super(props);
// 创建一个ref来存储textInput的DOM元素this.textInput = React.createRef(); this.focusTextInput = this.focusTextInput.bind(this); } focusTextInput() { // 直接使用原生 API 使 text 输入框获得焦点
// 注意:我们通过 "current" 来访问DOM节点this.textInput.current.focus(); } render() { // 告诉 React 我们想把 ref 关联到 // 构造器里创建的 `textInput` 上 return (