TypeError: Class extends value #<Object> is not a constructor or null in react js

Posted 2023-02-22

【中文标题】TypeError: Class extends value #<Object> is not a constructor or null in react js

【英文标题】：

【发布时间】：2021-05-29 10:58:56

【问题描述】：

我正在尝试覆盖主要反应按钮组件的某些功能，但是在扩展主要反应按钮组件类时出现此错误。 这是我的代码：

import  Button  from "primereact/button";
class BtnBox extends Button 
  constructor(props) 
    super(props);
    this.renderLabel = this.renderLabel.bind(this);
  

  renderLabel() 
      return <span>icon</span>;
  

class IconButton extends React.Component 
  render() 
    return (
      <div className="icon-button">
        <BtnBox ...this.props />
      </div>
    );
  


export default IconButton;

【参考方案1】：

你可以试试这个表格吗？

import  Button  from "primereact/button";
     class BtnBox extends Button 
         constructor(props) 
             super(props);
          
            
         render = () => <span>this.props.name</span>;
      
    
   class IconButton extends React.Component 
      render() 
        return (
          <div className="icon-button">
            <BtnBox name='add item' />
          </div>
        );
      
    
    
 export default IconButton;

如果不适合你，你能分享更多细节吗？

【讨论】：

感谢您的回复@yusif。但是 renderLabel 是我试图覆盖按钮类的函数。