美文网首页
react refs

react refs

作者: 想溜了的蜗牛 | 来源:发表于2020-10-11 10:20 被阅读0次

以下内容摘自 React文档

何时使用 Refs

下面是几个适合使用 refs 的情况:

  • 管理焦点,文本选择或媒体播放。
  • 触发强制动画。
  • 集成第三方 DOM 库。

避免使用 refs 来做任何可以通过声明式实现来完成的事情。

举个例子,避免在 Dialog 组件里暴露 open()close() 方法,最好传递 isOpen 属性。

勿过度使用 Refs

你可能首先会想到使用 refs 在你的 app 中“让事情发生”。如果是这种情况,请花一点时间,认真再考虑一下 state 属性应该被安排在哪个组件层中。通常你会想明白,让更高的组件层级拥有这个 state,是更恰当的。查看 状态提升 以获取更多有关示例。

注意

下面的例子已经更新为使用在 React 16.3 版本引入的 React.createRef() API。如果你正在使用一个较早版本的 React,我们推荐你使用回调形式的 refs

摘这段内容是最近基本上是在重新学习React, 对Ref的使用还是停留在 16.3 以前的版本上。Play Demo

相关文章

  • Refs

    Refs提供了一种访问DOM节点或在render方法中创建的React元素的方法。 refs是React组件中非常...

  • 关于react中refs的使用

    在react中,可以使用refs来访问dom,或者在render中创建react对象。 使用refs的主要用途是 ...

  • React 'Refs'

    ref 有两种 ref 方式 ref = ''string" //string ref = {this.saveI...

  • React Refs

    终于看到最后一章了。你可以通过使用 this 来获取当前 React 组件,或使用 ref 来获取组件的引用,实例...

  • React refs

    在一些特殊情况下,直接操作组件实例的方法还是必要或者有利的。所以React提供了一个打破限制的办法,这就是refs...

  • React refs

    1.React.createRef() React.createRef可以给Dom元素添加ref。React.cr...

  • react refs

    以下内容摘自 React文档[https://zh-hans.reactjs.org/docs/refs-and-...

  • React - refs

    Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 方式一:...

  • React refs

    React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。

  • 第五节:React组件:获取DOM元素或子组件实例对象的Refs

    1. 认识refs 1.1 refs说明 refs是React提供的一种访问DOM节点的方式 DOM节点上使用re...

网友评论

      本文标题:react refs

      本文链接:https://www.haomeiwen.com/subject/ejzspktx.html