类型错误：类扩展值 #<Object> 不是构造函数或 null 在 react js 中

Question

我试图超越一个主要反应按钮组件的一些功能，但我得到这个错误，而扩展主要反应按钮组件类。下面是我的代码:

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;

Answer 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;

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