Quiero cambiar el nombre de un enlace y sus valores de retorno mientras los exporto. Aquí está mi caso de uso. Quiero usar notistack api para mostrar algunos brindis en mi aplicación. Sin embargo, como no me gusta el nombre snackbar , quiero cambiarlo a toast . Así es como empiezo a hacerlo:
export { SnackbarProvider as ToastProvider, useSnackbar as useToast } from 'notistack'; Pero no puedo cambiar el nombre de las variables devueltas por el useSnackbar .
const { enqueueSnackbar, closeSnackbar } = useSnackbar();debiera ser
const { addToast, closeToast } = useToast();¿Cómo puedo conseguir esto?
gracias.
Puede definir un gancho personalizado que envuelva el gancho useSnackbar de la siguiente manera:
import { SnackbarProvider, useSnackbar } from 'notistack'; export const useToast = () => { const { enqueueSnackbar, closeSnackbar } = useSnackbar(); return { addToast: enqueueSnackbar, closeToast: closeSnackbar }; }; export const SnackbarProvider = ToastProvider;Puede obtener más información sobre cómo crear ganchos personalizados en la documentación: https://reactjs.org/docs/hooks-custom.html