react 父组件 任何调用 子组件的方法 forwardRef useImperativeHandle

事例 ：

import React, {useImperativeHandle} from 'react';

const Child = React.forwardRef((props, ref) => {
    useImperativeHandle(ref, () => ({
        log: () => {
            console.log('test');
        }
    }));
    return null;
});

class App extends React.Component {
    childEl = React.createRef();
    componentDidMount() {
        this.childEl.current.log();
    }
    render() {
        return <Child ref={this.childEl} />;
    }
}
export default App;

实际项目

父组件：

子组件：