java开发环境变量 计算机基础知识 CK azure vector sdk playframework path request angularjs版本 js的点击事件 pcm接口 python对象 java编程环境 java定义接口 java遍历文件夹下所有文件 java的输入 java获得当前日期 java命令 java包名 java读取文件 php语言入门 Ext2Fsd 万能低格工具 dnf男柔道加点 魔兽改图工具 小米手环充电多久 亚索刀光 python电子书 电脑待机费电吗 edquota appdata是什么文件夹 例外被抛出且未被接住 小米手环怎么连接手机 程序流程图软件 方正美黑简体 ps减去顶层 楷体gbk gta5需启动 paths
当前位置: 首页 > 学习教程  > 编程语言

refs

2021/1/28 23:51:41 文章标签:

const FancyButton React.forwardRef((props, ref) > (<button ref{ref} className"FancyButton">{props.children}</button> ));以下是对上述示例发生情况的逐步解释&#xff1a;我们通过调用 React.createRef 创建了一个 React ref 并将其赋值给 r…

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));


```以下是对上述示例发生情况的逐步解释:

我们通过调用 React.createRef 创建了一个 React ref 并将其赋值给 ref 变量。
我们通过指定 ref 为 JSX 属性,将其向下传递给 <FancyButton ref={ref}>。
React 传递 ref 给 forwardRef 内函数 (props, ref) => ...,作为其第二个参数。
我们向下转发该 ref 参数到 <button ref={ref}>,将其指定为 JSX 属性。
当 ref 挂载完成,ref.current 将指向 <button> DOM 节点。
注意

第二个参数 ref 只在使用 React.forwardRef 定义组件时存在。常规函数和 class 组件不接收 ref 参数,且 props 中也不存在 ref。

Ref 转发不仅限于 DOM 组件,你也可以转发 refs 到 class 组件实例中。



本文链接: http://www.dtmao.cc/news_show_650309.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?