目录
当前位置: 首页 > 文档资料 > Rax 中文文档 >

createRef

优质
小牛编辑
121浏览
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} />;
}