Eu possuo a seguinte interface:
interface User {
id: string;
username: string;
password: string;
accountId: string
}
}
Eu preciso reutilizá-la, porém com as propriedades sendo opcionais. Como faço para atingir esse resultado?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadePara criar um tipo baseado em outro, mas com todos os campos sendo opcionais, ou seja, campo com um valor qualquer ou undefined
, podemos utilizar o tipo utilitário Partial
.
Veja um exemplo baseado na interface User
:
interface User {
id: string;
username: string;
password: string;
accountId: string
}
type OtherUser = Partial<User>
// ou
// interface OtherUser extends Partial<User> {}
No exemplo acima, o tipo OtherUser
vai ser o seguinte:
type OtherUser = {
id?: string | undefined;
username?: string | undefined;
password?: string | undefined;
accountId?: string | undefined;
}
Logo, todos os campos passaram a ser opcionais.
Não se esqueça que, para trabalhar com esses campos, as tratativas para campos opcionais devem ser tomadas. Exemplo:
interface User {
id: string;
username: string;
password: string;
accountId: string
}
type OtherUser = Partial<User>
const otherUser: OtherUser = {
id: 'any'
}
console.log(otherUser.id?.toUpperCase())
No log, otherUser.id?.toUpperCase
temos que usar o Optional Chaining ?
no campo id
para evitar erros.
Vc pode reaproveitar a interface utilizando o extends para herdar da interface pai e o Omit para reescrever os atributos(propriedades).
Ex.:
interface User {
id: string;
username: string;
password: string;
accountId: string
}
interface User2 extends Omit<User, "id">{
id?: string;
}
Eu acredito que o mais ideal é escrever a interface de maneira que vc não precise ficar alterando a condição de cada atributo de obrigatório para opcional. Tente entender melhor o contexto da situação pra depois implementar seu código, pq talvez nem seja necessário fazer isso.