Design a model class containing two arrow functions stored in variables with a default value

Question

Design a model class containing two arrow functions stored in variables with a default value

I am looking to create a model class with two variables (label and key) that store functions. Each function should take data as an input object. If no specific functions are specified, default functions should be used. The default label function will return the input data without any alterations, while the key function will return data.uuid to retrieve the unique ID of the data object.

Below is my attempt which did not work as expected...

export interface ListConfigModel {
 label: (data) => (data);
 key: (data) => (data._uuid);

}

javascript typescript

Answer 1

Answer №1

The issue lies in the way you are defining this as an interface. Interfaces are meant to describe structure, not assign values.

One solution is to create an interface that outlines the required functions:

export interface IConfigModel {
    label: (data: any) => any;
    key: (data: any) => any;
}

Alternatively, you can define a class and initialize the functions as default values:

export class ConfigModel {
    // While types could be specified, assigning values lets the compiler infer them.
    label = (data: any) => (data);
    key = (data: any) => (data._id);
}

Answer 2

The issue lies in the way you are defining this as an interface. Interfaces are meant to describe structure, not assign values.

One solution is to create an interface that outlines the required functions:

export interface IConfigModel {
    label: (data: any) => any;
    key: (data: any) => any;
}

Alternatively, you can define a class and initialize the functions as default values:

export class ConfigModel {
    // While types could be specified, assigning values lets the compiler infer them.
    label = (data: any) => (data);
    key = (data: any) => (data._id);
}

Design a model class containing two arrow functions stored in variables with a default value

Answer №1

Similar questions

The expected input should be either an HTMLElement or an SVGElement, but the received input is currently null

Retrieve information from an external source and subsequently make alterations to it

When modifying v-model directly in a Vue instance, the Vuetify component on the screen may not update its displayed value

Utilizing async await allows for the sequential processing of one item at a time within a For loop

Update the HighChart Pie chart depending on the selection in the dropdown menu

Unfortunately, I am unable to utilize historical redirection in React

Organize my JavaScript code by implementing a function

How to simultaneously play a sound and display an alert message using JavaScript

Visualizing Data with Flot.js - A Comprehensive Guide

Tips for identifying text within HTML code

Responsive images in CSS3/HTML5 are designed to adapt to different

When you hover over the page, the content shifts to reveal a hidden div

Teach Google Bot how to recognize AJAX content

Error encountered while attempting to download PDF file (blob) using JavaScript

Puzzle: Ensuring all properties of JavaScript objects within an array are defined

Enhance the appearance of your custom Component in React Native by applying styles to Styled Components

Having trouble incorporating a variable into the Discord Client object in Typescript

Using JavaScript, generate an array of objects that contain unique values by incrementing each value by 1

Attempting to crack the code within body-parser and Node.js

Sharing package JSON file dependencies with child engines and addons in Ember.js