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

user_7555883 0
Viewed 418

I am trying to over ride some function of a prime react button component but i am getting this error while extending prime react button component class. Here is my code:

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;
primereact reactjs javascript
1 Answers

can you try this form ?

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;

if doesn't suite for you, can you share more detail ?

user_118460780
Related