Skip to Content
Menu
This question has been flagged
1 Atsakyti
1944 Rodiniai

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.

Portretas
Atmesti
Best Answer

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

Portretas
Atmesti
Related Posts Replies Rodiniai Veikla
4
vas. 25
2282
2
lapkr. 24
3098
3
spal. 23
14655
2
vas. 23
2337
1
gruod. 22
1371