解决react-connect中使用forwardRef遇到的问题

import React, { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
import { connect } from 'dva'
const Children = (props) => {
  const { refInstance } = props
  const [text, setText] = useState('子组件:Children')
  const functionA = () => {
    console.log('c2方法')
    setText('ref改变了')
  }
  useImperativeHandle(refInstance, () => ({
    functionA,
    text,
  }))
return (
    <div>
      {text}
    </div>
)}
const newA =  connect((state) => {
  return {
    list: state.list,
  }
})(Children)
// 使用Hoc 透传 ref
export default forwardRef((props, ref) => <newA  {...props} refInstance={ref} />);

import React, { Component } from 'react'
export default class App extends Component {
  mytext=null
  render() {
    return (
      <div>
        <button type="button" onClick={()=>{
          console.log(this.mytext);
          this.mytext.current.focus()
          this.mytext.current.value="2222"
        }}>获取焦点</button>
        <Child callback={(el)=>{
          console.log(el);、
          //el是临时变量，用全局的去接这个值
          this.mytext=el
          //console.log(el.current);
        }}/>
      </div>
    )
  }
}
class Child extends Component {
  mytext = React.createRef();
  //组件渲染完了执行
  componentDidMount() {
    this.props.callback(this.mytext);
  }
  render() {
    return (
      <div style={{background:"yellow"}}>
        <input defaultValue="1111" ref={this.mytext}></input>
      </div>
    );
  }
}

import React, { Component,forwardRef } from 'react'
export default class App_forwardRef extends Component {
  mytext=React.createRef()
  render() {
    return (
      <div>
      <button type="button" onClick={()=>{
        console.log(this.mytext);
        this.mytext.current.value="2222"
      }}>获取焦点</button>
      <Child ref={this.mytext}/>
      </div>
    )
  }
}
//这里Child是函数式组件
const Child=forwardRef((props,ref)=>{
    return (
      <div>
        <input defaultValue="11111" ref={ref}></input>
      </div>
    );
})