Hola, tengo un problema en React-Typescript dentro del kit de herramientas de Redux. me sale un error
'push' does not exist on type 'string | string[] | WritableDraft<Recipe>[] | WritableDraft<{ recipes: Recipe[]; totalAmount: number; }>'. Property 'push' does not exist on type 'string'.Cómo resolverlo porque parece que la clave tiene muchos tipos y no puedo obtener un objeto usando state['key']. ¿Cómo resolverlo? Estoy atascado.
export interface InitialState { recipes: Recipe[]; likedRecipes: { recipes: Recipe[]; totalAmount: number; }; recipeTypes: string[]; recipeTime: string[]; recipeTitle: string; filterTypes: string[]; filterLengths: string[]; } export type FilteringConfiguration = { content: string; type: typeOfFiltering; filterName: Omit< keyof InitialState, "recipes" | "likedRecipes" | "recipeTitle" >; };rebanada de redux
const INITIAL_VALUE: InitialState = { recipes: [], likedRecipes: { recipes: [], totalAmount: 0, }, recipeTypes: ["Breakfast", "Lunch", "Dinner", "Supper"], recipeTime: [ "Very short (~30min)", "short (~1hr)", "medium (~3hrs)", "Long (~6hrs)", ], // variables for filtering recipes recipeTitle: "", filterTypes: [], filterLengths: [], }; const recipeSlice = createSlice({ name: "recipe", initialState: INITIAL_VALUE, reducers: { addFilters(state, action: PayloadAction<FilteringConfiguration>) { const arr = state[action.payload.filterName]; if (Array.isArray(arr)) arr.push(action.payload.content); },ACTUALIZACIÓN: edité agregar filtros pero obtuve el siguiente error
Type 'Omit<keyof InitialState, "recipes" | "likedRecipes" | "recipeTitle">' cannot be used as an index type.Recibe este error porque es posible que el tipo que está utilizando no tenga un método .push .
Una forma de manejar esto es verificar si es una matriz antes de llamar a .push .
const recipeSlice = createSlice({ name: "recipe", initialState: INITIAL_VALUE, reducers: { addFilters(state, action: PayloadAction<FilteringConfiguration>) { const arr = state[action.payload.filterName] if (Array.isArray(arr)) arr.push(action.payload.content); }, // THERE IS AN ERROR }) Esto resolverá el error de mecanografiado, pero tal vez necesite hacer algo cuando no sea una matriz y no sea posible llamar a .push , probablemente en una declaración else .
El mayor problema que tiene es que asume que todas las claves de InitialState tienen valores que son una matriz de cadena ( string[] ), lo cual no es cierto, porque tiene una string , un objeto y una matriz de Recipe también.
En FilteringConfiguration define el content como string , asumiendo que siempre insertará una string , pero debido a que tiene otros valores, este tipo también es incorrecto.
No tengo idea de cómo continuar con esto, porque no sé si también desea permitir que se actualicen las otras claves de InitialValues o no, pero la solución sería ignorar también las claves de InitialValues que no son una matriz de cuerdas
export type FilteringConfiguration = { content: string; type: typeOfFiltering; filterName: Exclude<keyof InitialState, 'recipes' | 'likedRecipes' | 'recipeTitle'>; // exclude keys that aren't string[] };Puede consultar los documentos para Excluir