ref 属性是 React 的特殊属性，不能直接传递使用。
借助 forwardRef 转发 ref 属性
举例如下：
import { forwardRef, useRef } from "react";
const InputCom = forwardRef((props, ref) => {
return <input type="text" ref={ref} />;
});
export default function ProRef() {
const inpRef = useRef(null);
const focus = () => {
inpRef.current?.focus();
};
return (
<>
<InputCom ref={inpRef} />
<br />
<button onClick={focus}>focus</button>
</>
);
}
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性...
React Refs React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何...
React Refs React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何...
一、Vue特殊特性 Vue的特殊属性主要有：key、ref、is、slot，ref是Vue特殊属性之一 ref：被...
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。
一、用途 ref属性允许我们使用react操作真实DOM 二、用法 ref属性的值是一个箭头函数，参数接收真实的D...
React获取DOM的方法简述 createRef 当 ref 属性在组件时，获取组件实例；当ref属性在dom时...
React.createRef React.createRef 创建一个能够通过 ref 属性附加到 React ...
ref在react里面总共有3种写法：字符串形式，回调函数形式，createRef。 1.字符串形式（该形式已经被...
拿到组件的节点 通过ref属性，然后调用React.findDOMNode("ref_name"); 可控组件如果...
本文标题：传递 React 的特殊属性 ref
本文链接：https://www.haomeiwen.com/subject/tpckjctx.html
网友评论