Javascript React:TypeError:无法将类作为函数调用

我有一个简单的代码：

    class App extends Component {

        render() {
            return (
                <div>
                    <PanelPayment />
                </div>
            );
        }
    }
    export default App

---

请告诉我我做错了什么。

您忘记将其扩展为React。组件类：

export default class PanelPayment extends Component{
 render() {
     return (
         <div>
             <button>Pay now!</button>
         </div>
     )
 }
}

导出默认类组件{
render（）{
返回(
现在付钱！
)
}
}

您忘记将其扩展为React。组件类：

export default class PanelPayment extends Component{
 render() {
     return (
         <div>
             <button>Pay now!</button>
         </div>
     )
 }
}

导出默认类组件{
render（）{
返回(
现在付钱！
)
}
}

• 首先，每个React类必须继承自

  组件
  类。目前，您的
  PanelPayment
  类不可用
  其次，在单个
  js
  文件中，只能有一个默认类。如果两个类都在一个文件中，则只能将其中一个导出为默认值
  
  首先，每个React类必须继承自
  组件
  类。目前，您的
  PanelPayment
  类不可用
  其次，在单个
  js
  文件中，只能有一个默认类。如果两个类都在一个文件中，则只能将其中一个导出为默认值
  您应该将PanelPayment声明为react组件。
  class-PanelPayment扩展组件{
  render（）{
  返回(
  现在付钱！
  )
  }
  }
  导出默认PanelPayment
  您应该将PanelPayment声明为react组件。
  class-PanelPayment扩展组件{
  render（）{
  返回(
  现在付钱！
  )
  }
  }
  导出默认付款
  export default class PanelPayment extends Component{
   render() {
       return (
           <div>
               <button>Pay now!</button>
           </div>
       )
   }
  }