Javascript Reactjs，使用ref，uncaughtTypeError调用另一个方法中的函数

我有两个组件，比如A和B，它们都连接到Redux商店。 在B中，我有一个控制其局部状态的函数。但我想从一个网站上访问它

 class A extends React.Component{ 
  funcInA=()=>{this.Balt.funcInB();}
  render(){return(
   <B ref={Balt => {this.Balt= Balt;}} />
   <button onClick={this.funcA}
);}}
export default connect (null,null,null,{withRef:true})(A)

---

但是这里我得到了未捕获的TypeError:_this.Balt.funcInB不是一个函数

@NicholasTower使用生命周期挂钩是非常危险的。至少我通常会把事情搞砸。所以没有办法在另一个方法中调用一个方法？你可以在其他方法中调用方法，但你在这里做得不对。你能为自己创建一个codesandbox.io吗？

 class B extends React.Component{ 
  state={a:''}
  funcInB=()=>{this.setState({a:'text'})}
  render(){return(...);}}
export default connect (null,null,null,{withRef:true})(B)