In Typescript, define a class with a property that will serve as the name of another type's property

Question

Trying to define a class property for another type:

class TypeOne {
    public static readonly code: string = 'code';
}

class TypeTwo { public [TypeOne.code]: TypeOne }

Encountering an error message:

The computed property name in the class property declaration must have a simple literal type or a unique symbol

Successfully using constants from an enum:

enum TypeThree {
    key = 'key'
}

class TypeFour { public [TypeThree.key]: TypeThree }

Any suggestions on setting a constant value as an immutable key for the compiler to recognize the field name?

Answer 1

Answer №1

To remove the string annotation, you can do the following:

class TypeOne {
    public static readonly key = 'key';
}

class TypeTwo { public [TypeOne.key]: TypeOne }

In TypeScript, it is necessary to use a literal type for the property name instead of a general string.

Answer 2

To remove the string annotation, you can do the following:

class TypeOne {
    public static readonly key = 'key';
}

class TypeTwo { public [TypeOne.key]: TypeOne }

In TypeScript, it is necessary to use a literal type for the property name instead of a general string.

Answer 3

To set TypeOne you can define it this way:

class TypeOne {
    public static readonly key = 'key'; // Eliminate the string note
}

This specifies the value of key as a constant, with the literal string 'key', making it unique and avoiding complaints from the compiler.

Answer 4

To set TypeOne you can define it this way:

class TypeOne {
    public static readonly key = 'key'; // Eliminate the string note
}

This specifies the value of key as a constant, with the literal string 'key', making it unique and avoiding complaints from the compiler.