createRef
优质
小牛编辑
127浏览
2023-12-01
在典型的 Rax 数据流中,父组件与它们的子元素唯一的通信方式是通过 props 传递,若希望变更子元素,则需要使用新的 props 去重新渲染子元素。但是在一些特殊情况下,需要在典型数据流之外修改子元素。被更改的子元素可能是一个 Rax 组件的实例,或者是一个 DOM 元素。对所有这些情况,Rax 提供了一种特殊 Refs 方式。
createRef 创建一个能够通过 ref 属性附加到 Rax 元素的 ref。当你需要访问节点时,可以通过 ref.current
得到
示例
import { createRef, useEffect } from 'rax';
function App() {
const inputRef = createRef();
useEffect(() => {
inputRef.current.focus();
}, [inputRef.current]);
return <input type="text" ref={inputRef} />;
}