Typescript 接口中符号的计算密钥

Question

I'm trying to make this code work:

 const userId: unique symbol = Symbol.for(`urn:${process.env.REACT_APP_ENV_VALUE}:claims/user-id`); interface JwtPayload extends BaseJwtPayload { email: string; [userId]: string; }

However, console.log(userId) gives the value Symbol(urn:dev:claims/user-id) .

How can I achieve the following:

 interface JwtPayload extends BaseJwtPayload { email: string; [`urn:${process.env.REACT_APP_ENV_VALUE}:claims/user-id`]: string; }

without getting the error:

TS1169: A computed property name in an interface must refer to an expression whose type is a literal type or a 'unique symbol' type.

Answer 1

I guess you mean something like the following:

declare type REACT_APP_ENV_VALUE = "dev" | "production"

type Keys = `urn:${REACT_APP_ENV_VALUE}:claims/user-id`

type ABC = {    
    [key in Keys]: string
}

If necessary, you could also add a questionmark, so your keys are optional:

type ABC = {    
    [key in Keys]?: string
}

Example usage:

const x : ABC = {
    "urn:dev:claims/user-id": "123"
}


alert(x['urn:dev:claims/user-id'])

This uses Template Literal Types