Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ReactJS无法使用Ref回调获取类组件的Ref_Reactjs_Preact_React Ref - Fatal编程技术网

ReactJS无法使用Ref回调获取类组件的Ref

ReactJS无法使用Ref回调获取类组件的Ref,reactjs,preact,react-ref,Reactjs,Preact,React Ref,我试图从父组件获取子组件类组件的引用,我面临两个问题: Parent component private childRef: RefObject<any> = React.createRef(); <Child ref={this.childRef} /> 将其包装在div中。尝试以下操作: 父组件 private childRef:ReObject=React.createRef; 你必须转发Ref const Child = React.forwardRef

我试图从父组件获取子组件类组件的引用,我面临两个问题:

Parent component

private childRef: RefObject<any> = React.createRef();

<Child ref={this.childRef} />


将其包装在div中。尝试以下操作:

父组件 private childRef:ReObject=React.createRef;
你必须转发Ref

const Child = React.forwardRef((props, ref) => (
  <div ref={ref} >
    ....
  </div>
))

ref不会自动从功能组件传递到它的DOM元素。因此,您必须手动传递它。关于它的更多信息

Child看起来像什么?@Yatrix子组件是类组件:`class Child extensed React.component{}`
const Child = React.forwardRef((props, ref) => (
  <div ref={ref} >
    ....
  </div>
))