Skip to Content
मेन्यू
This question has been flagged
1 Reply
1951 Views

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
Discard
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

Avatar
Discard
Related Posts Replies Views Activity
4
फ़र॰ 25
2291
2
नव॰ 24
3117
3
अक्तू॰ 23
14660
2
फ़र॰ 23
2341
1
दिस॰ 22
1371