javascript - 是否可以将元素 ref 从子功能组件传递到其父功能组件？

Question

这篇文章与我能找到的一样接近，但我仍然无法让它适用于 2 个功能组件。如果我可以回答任何进一步的问题或提供更多信息，请告诉我。非常感谢您的参与。

Answer 1

在您的链接中，该答案不会导出父组件。可能这就是不在你身边工作的原因。请检查下面的导出示例。

import React, {Component} from 'react';

const Child = ({setRef}) => <input type="text" ref={setRef}/>;

export class Parent extends Component {
    constructor(props) {
        super(props);
        this.setRef = this.setRef.bind(this);
    }

    componentDidMount() {
        // Calling a function on the Child DOM element
        this.childRef.focus();
    }

    setRef(input) {
        this.childRef = input;
    }

    render() {
        return <Child setRef={this.setRef}/>
    }
}