返回介绍

createRef

发布于 2019-12-27 00:37:38 字数 553 浏览 1455 评论 0 收藏 0

在典型的 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} />;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文