创建Ref
React 的设计理念是通过状态驱动的方式来管理 UI,而不是直接操作 DOM。然而,有时候我们确实需要直接操作 DOM。你可以通过 ref 来实现。以下是步骤:
- 创建 ref:
import React, { useRef } from 'react'; function MyComponent() { const myRef = useRef(null); return ( <div ref={myRef}> 我是一个 div 元素 </div> ); }
React 的设计理念是通过状态驱动的方式来管理 UI,而不是直接操作 DOM。然而,有时候我们确实需要直接操作 DOM。你可以通过 ref 来实现。以下是步骤:
import React, { useRef } from 'react';
function MyComponent() {
const myRef = useRef(null);
return (
<div ref={myRef}>
我是一个 div 元素
</div>
);
}