How extend a button component

[luca.stancapiano]

Hello everybody. I am using primereact 8.1.0 and I would like to extend the primereact / button component. Once with version 7.2.0 it was easy, it was enough to do something like this inside the component:
CODE: SELECT ALL

Code: Select all

import {Button} from 'primereact / button'
export class Party extends Button {
....
}

If I try now I get the error:

TypeError: Super expression must either be null or a function, not object

Since I have very large classes and I would like to migrate from primereact 7 to 8 what is the quickest way to make the necessary corrections?

[Melloware]

With React 8 all components are no longer Class components they are Functional Components which is the way React is going.

See StackOverflow on how to extend a Functional Component: https://stackoverflow.com/questions/416 ... -component

[luca.stancapiano]

you should try them first instead of sending links. Trying the example I get the same error.

Code: Select all

import { Button } from 'primereact/button'

class ExtendedButton extends Button {
}

var dq = new ExtendedButton();
console.log('test ' + dq.badge);

Uncaught TypeError: Super expression must either be null or a function



Do you have an example of how to extend a Button?

[Melloware]

I sent links because the link explains why you CAN NOT do what you are trying to do with PrimeReact 8 and Functional Components.

You should read the links before posting a question about me not sending links....

Basically you CAN NOT do this "extends Button" anymore...you have to use composition (just like the link I posted explains).