无限循环渲染高阶分量的反应

Question

以下代码有什么问题？当我得到无限循环但是无法理解为什么时似乎不行。

export default function ProtectRoute(EnhancedComponent) {
  @connect(state=>state.something,{callAPI})
   class myClass extends Component {

    componentDidMount() {
      this.props.callAPI()
    }

    render() {

      return <EnhancedComponent { ...this.props } />
    }
  }

  return myClass
}

我在上面的代码中使用了我的上述代码 <Route exact path='/app' component={ProtectRoute(App)} />