Skip to Content
Menu
Dette spørgsmål er blevet anmeldt
1 Svar
1942 Visninger

Dear all,

I have a JS class as below:

export class Product extends Component {

    static components = { PTAL };

    static template = "sale_product_configurator.product";

    static props = {

        id: { type: [Number, {value: false}], optional: true },

        product_tmpl_id: Number,

        display_name: String,

        description_sale: [Boolean, String], // backend sends 'false' when there is no description

        price: Number,

}

Now I want to inherit and add new items for props, but I do not know how to do.

Help me please.

Thank.

Avatar
Kassér
Bedste svar

Hi,

To inherit and add new items to the props in your Product component class, you can extend the class and then define the additional props in the new class. Here’s how you can do it:

``` import { Product } from '@sale_product_configurator/js/product/product';


export class ExtendedProduct extends Product {

    static props = {

        ...Product.props,

        new_prop1: String, // Add new properties here

        new_prop2: Number,

    };

}


Hope it helps

Avatar
Kassér
Related Posts Besvarelser Visninger Aktivitet
4
feb. 25
2275
2
nov. 24
3095
3
okt. 23
14652
2
feb. 23
2336
1
dec. 22
1371