使用回调 ref(类组件)
class MyComponent extends Component {
setRef = element => this.myRef = element;
}
render() {
return <div ref={this.setRef}>Hello, World!</div>;
}
render() {
return <div ref={element => this.myRef = element}>Hello, World!</div>;
}
}
使用 createRef 方法(类组件)
class MyComponent extends Component {
myRef = React.createRef();
render() {
return <div ref={this.myRef}>Hello, World!</div>;
}
}
使用 useRef 钩子(函数组件)
function MyComponent() {
const myRef = useRef(null);
return <div ref={myRef}>Hello, World!</div>;
}
字符串 ref(类组件)——已弃用
class MyComponent extends Component {
render() {
return <div ref=“myRef”}>Hello, World!</div>;
}
}