Início / coding / Perguntas / 79257083
Accepted
four-eyes
Asked: 2024-12-06 14:50:49 +0800 CST

Não é possível inserir o elemento em uma matriz do tipo union

  • 772

Eu tenho esse código

export interface CommonAnimalProps {
    name: string
  
}

export interface DogResponse extends CommonAnimalProps {

}

export interface CatResponse extends CommonAnimalProps {
    color: string,
}

export type AllAnimals = (DogResponse[] | CatResponse[])

export interface AllAnimalsProps {
    height: number | null,
    errorCodes: number[] | null,
    uuid?: string,
    [ANIMALS.dog]?: DogResponse[],
    [ANIMALS.cat]?: CatResponse[],
}

export enum ANIMALS {
    dog = 'dog',
    cat = 'cat'
}

export const transformCalculatedEmissionsResponse = (response: AllAnimalsProps): AllAnimals => {
    const result: AllAnimals = [];
    (Object.values(ANIMALS) as ANIMALS[]).map(animal => {
        const bars = response[animal]
        if (Array.isArray(bars)) {
            bars.map(bar => result.push(bar))
        }
    })
    return result
}

e falha nessa linha

bars.map(bar => result.push(bar))

Nenhum resultado O argumento do tipo 'DogResponse | CatResponse' não é atribuível ao parâmetro do tipo 'CatResponse'. A propriedade 'color' está ausente no tipo 'DogResponse', mas é necessária no tipo 'CatResponse'.

Por que e como resolver isso?

Aqui está um parque infantil

typescript

2 respostas

  1. Best Answer

    O problema é que seu resultado é do tipo AllAnimalsque no final significa que é

    result: (DogResponse[] | CatResponse[])

    ou seja, é um DogResponse[]que só pode conter cães ou um CatResponse[]que só pode conter gatos.

    Por outro lado, ao iterar sobre seus valores de enumeração, você barsserá ambos, uma vez a DogResponse[]e uma vez a CatResponse[], e estará tentando colocar todos os valores no mesmo resultarray, o que não é possível.

    Se você quiser uma matriz mista, defina seu AllAnimalscomo

    type AllAnimals = (DogResponse | CatResponse)[]

    o que significa que resultserá

    result: (DogResponse | CatResponse)[]

    o que significa que será uma matriz, onde cada elemento é um CatResponseou umDogResponse

    A propósito, bars.map(bar => result.push(bar))não faz muito sentido. Use

    result.push(...bars)

    em vez de.

    Geralmente, é um mau hábito usar mapapenas para iterar sobre valores o array. Quando você não precisa do array resultante que mapcria, use um ou um loop forEachsimplesfor .. of

    Agora que você esclareceu seu problema e pré-condições nos comentários, você poderia, por exemplo, fazer assim

    export const transformCalculatedEmissionsResponse = (response: AllAnimalsProps): AllAnimals => {
    for (const animal of Object.values(ANIMALS) as ANIMALS[]) {
        if (Array.isArray(response[animal]))
            return response[animal];
    }

    return [];
}

    Ou seja, itere sobre seus diferentes tipos de animais e, uma vez que você encontrar o respectivo valor em sua resposta, retorne-o. Se nenhum for encontrado, apenas retorne um array vazio (o mesmo que você já faz atualmente).

    • 1

  2. Acho que aqui resultpode ser um array de DogResponseobjetos ou um array de CatResponseobjetos, mas não ambos porque é digitado como AllAnimals.

    E quando você pressiona qualquer um dos resultados, ocorre um erro porque nenhum deles corresponde ao outro, especificamente, um DogResponse pode não corresponder à estrutura de um CatResponse, e vice-versa.

    Para corrigir isso, você pode ajustar a digitação de resultpara que ele possa aceitar os tipos DogResponsee CatResponseem uma única matriz.

    Corrija você transformCalculatedEmissionsResponseda seguinte forma:

    export const transformCalculatedEmissionsResponse = (response: AllAnimalsProps): AllAnimals => {
    const result: (DogResponse | CatResponse)[] = []; // Use union type array
    (Object.values(ANIMALS) as ANIMALS[]).map(animal => {
        const bars = response[animal]
        if (Array.isArray(bars)) {
            bars.map(bar => result.push(bar)) // Now you can push both DogResponse and CatResponse
        }
    })
    return result
}

    Espero que isso ajude!

    • 0

relate perguntas