请各位帮忙看看我这种父组件调用子组件的实现方式合理吗

#1

先说下我出现这种想法的原因：因为我工作的团队不建议使用 ref，ref 也确实太重了，一个ref存储了太多用不着的属性了，我就想着自己写一个类似 ref 的轻量点的方案，于是我写了下面这样的代码（Typescript 实现）, 我把这种方案自称为 “prox” 组件代理

（以下是最简单的一段案例，只是为了说明我的这个方案而已）
（因为工作中确实有人提出我的这种方案也不好，说这种写法的代码不干净，应该用函数的形式来实现，可是他又不说明怎么用函数的方式实现父组件调用子组件，总建议用props把属性传递给父组件，不建议我在子组件中封装自己的state，我很纳闷，如果不用 ref 也不用我下面的这种方式，实在不知道该用哪种方式来实现 父组件 调用 子组件内部函数的需求）

【子组件】：

interface IChidProxy{
 getName?:()=>string
}

interface IChildProps{
 proxy?: IChidProxy
}

class Child extends React.PureComponent<IChildProps,{}>{
   constructor(props: IChildProps) {
        if(props.proxy){
              const proxy: IChidProxy = {
                  getName: this.getName.bind(this)
              }
        }
    }

   private getName(){
      return '我是子组件'
   }

   public render(){
     return (<div>子组件的UI内容</div>)
   }
}

【父组件】：

class Father extends React.PureComponent<{},{}>{
   
  childProxy:IChidProxy = {}

   public componentDidMount() {
      // 注意：这里是重点二：通过子组件代理，调用子组件内部的函数
       const childName = this.childProxy.getName!()
       alert(childName)
   }

   // 注意：这里是重点一：获取子组件代理
   public render(){
     return (<div>
            <Child proxy={(proxy: IChidProxy)=>{
                this.childProxy = proxy
              }} />
     </div>)
   }
}