Estoy implementando un reducer para datos de la siguiente interfaces. Mi inquietud está en UserReducer.tsx, principalmente cuando quiero modificar el estado, con la action 'addUser'. ¿Es correcta la sentencia?
return{
...state,
}
Porque el reducer no es un array de usuario, es simplemente un dato de usuario.
interface.tsx
export interface usuario{ email:string nombre:string apellido:string foto:string calificacion:number tipoCliente:string }
*UserReducer.tsx
import { usuario } from "../Interfaces/interfaces";
type UserAction = {type:'addUser', payload: usuario}
export const UserReducer = (state:usuario, action:UserAction):usuario =>{
switch(action.type){
case 'addUser':
return{
// usuario:[state,action.payload]
...state,
}
default:
return state
}
}
*UserProvider.tsx
import { useReducer } from "react";
import { usuario } from "../Interfaces/interfaces";
import { UserContext } from "./UserContext";
import { UserReducer } from "./UserReducer";
const INITIAL_STATE : usuario= {
email:"",
nombre:"",
apellido:"",
foto:"",
calificacion:0,
tipoCliente:""
};
interface props {
children: JSX.Element | JSX.Element[]
}
export const UserProvider = ( {children}:props ) => {
const [datosUsuario,dispach] = useReducer(UserReducer,INITIAL_STATE);
return (
<UserContext.Provider value={{datosUsuario}}>
{children}
</UserContext.Provider>
)
}