reactjs - 我有一个非功能组件，但仍然出现此错误：无法为功能组件提供参考。尝试访问此 ref 将失败

Question

我有一个嵌套到另一个组件中的组件。我用这种方法来调用子组件的函数，效果很好。但是在这里它不起作用，尽管我使用相同的方法：

class MainForm extends Component {
    constructor(props) {
        super(props);
        this.state = {
        };
        this.subFormRef = React.createRef();
    }
    render(){
      return <div><SubForm ref={this.subFormRef} /></div>
}
}

class SubForm extends Component {
    constructor(props) {
        super(props);
        this.state = {};
    }
    methodToBeCalled = ()=>{
      return true;
    }
    render(){       
        return (
            <div>
            </div>
        ) 
    }
}

UPD。我想到了。原来“错误”的组件连接到 Redux 并导致了问题。我在这里找到了解决方案：React: Function components can be given refs when displayed a modal

标签： reactjs