4

Estou tentando declarar um tipo que aceite diferentes propriedades com um número, por exemplo: prop1, prop2 ... propN. O ponto é que não estou conseguindo fazer com que isso se comporte da maneira esperada, e não estou entendendo o porquê.

O código abaixo foi testado na versão 4.3.5 do TypeScript:

type Props = {
  [K in `prop${number}`]: boolean;
};

const myString = 'a';
const myNumber = 32;

const obj: Props = {
  prop15: true,
  propA: false,
  [`prop${myNumber}`]: true,
  [`prop${myString}`]: false,
  anything: 137,
}

const obj2: Props = {};

const someNumber: Props = 32;

Veja no Playground.

Mas parece que esse type não está servindo de nada. Nenhuma das declarações do código acima deu erro. Inclusive, quando coloco o cursor sobre Props, aparece type Props = {}.

  • O que esse tipo tem de errado, que está aceitando qualquer coisa?
  • Tem algum jeito de fazer o que eu preciso? Criar um tipo que permita prop1, prop2 ... propN e nada mais?
3
  • Mas qual o use-case para isso? Não me faz muito sentido tipar um objeto onde diversas das infinitas possíveis propriedades não existiriam. Nesse caso, não faz mais sentido usar um unknown? Commented 26/08/2021 às 16:36
  • 1
    De todo modo, o fato de nenhum erro ser reportado ao tentar utilizar um conjunto infinito gerador de chaves para um objeto me parece um bug do compilador. Sei que não é a mesma coisa, mas veja o erro que é emitido neste caso. Commented 26/08/2021 às 16:41
  • 1
    O use-case: estou usando validação do express-validator com wildcards, algo como 'addresses.*.postalCode' que me retornaria um objeto de erro addresses[posição].postalCode. Não me parece um bom nome para propriedade, mas por enquanto tenho deixado assim e estava tentando criar um tipo para isso, quando me deparei com o problema descrito na pergunta. Me parece que o TypeScript 4.4 tem algo que talvez resolvesse isso, mas não consegui usá-lo corretamente. Commented 26/08/2021 às 17:36

1 Resposta 1

0

Tenta

type Props = {
  [K: `props${number}`]: boolean;
};

Tambem, esse tipo de types Template Literal Types so funcionam com a versão do typescript 4.4 e acima.

ATUALIZAÇÂO
Esta resposta não pega o erro [`props${myString}`]: false,

5
  • Na verdade isto é do TypeScript 4.4, não? Enfim, eu testei e ainda não funciona plenamente conforme o esperado, veja no Playground. No exemplo da pergunta, não aponta um erro para [`prop${myString}`]: false, você sabe dizer o porquê? Commented 27/08/2021 às 12:33
  • Na realidade parece que qualquer string concatenado, incluído ['sdsdf'+'sdfsd']: false, não gera um erro. Interessante. Vou dar mais umas pesquisadas.
    – Hozeis
    Commented 27/08/2021 às 12:50
  • Posso fazer sua pergunta no SO em Ingles? Coloco um link para essa. @RafaelTavares
    – Hozeis
    Commented 27/08/2021 às 12:54
  • Claro, mas não faz sentido colocar o link, já que aqui está em português. E é mais adequado escrever a dúvida com suas palavras, pois seu nível de entendimento do problema pode ser diferente do meu. Não sei se o TypeScript aceita perguntas no repositório do GitHub, vale dar uma olhada também. Commented 27/08/2021 às 13:05
  • aqui esta o link para pergunta que fiz. Atualizo minha resposta se alguem descobrir. stackoverflow.com/questions/68954369/…. @RafaelTavares
    – Hozeis
    Commented 27/08/2021 às 13:37

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .