La fonction d'annulation est une excellente solution, mais elle peut entraîner des inefficacités pendant les cycles de développement.
Existe-t-il un moyen simple pour nous de le désactiver dans notre environnement de préparation, ou au moins de réduire le délai d'expiration?
3 Réponses :
Lorsque je comprends correctement la documentation et src, vous devez remplacer le composant de notification afin de changer le autoHideDuration
.
Il s'agit de l'heure à laquelle la notification est visible pour l'utilisateur et après le délai, la requête est envoyée à l'API.
Lorsque vous le définissez sur 0
, les requêtes doivent être envoyées presque immédiatement. >
Depuis la documentation - Thème - Notifications :
Vous pouvez remplacer le composant de notification, par exemple pour modifier la durée de la notification. La valeur par défaut est 4000, soit 4 secondes, et vous pouvez le remplacer à l'aide de la prop autoHideDuration. Par exemple, pour créer un composant de notification personnalisé avec une valeur par défaut de 5 secondes:
// in src/MyNotification.js import { Notification } from 'react-admin'; const MyNotification = props => <Notification {...props}autoHideDuration={5000} />; export default MyNotification;
Bonjour, j'ai besoin de personnaliser les notifications comme ma propre idée. Merci d'avance.
D'après mon expérience, il est nécessaire d'écrire certaines fonctions et de se connecter avec react-admin
Les composants Edit et Create prennent en charge le paramètre undoable. Vous pouvez donc faire comme ceci
pour désactiver la fonction d'annulation pour un formulaire spécifique
undoable
ne peut être défini que sur le composant Edit
et non sur le composant Create
.
Gérez le formProps code> provenant de la page Créer en ajoutant une variable personnalisée pour vérifier si les accessoires proviennent bien de la page "Créer" ou du serveur.
Pour personnaliser la notification pour Créer
ou Modifier
la page, vous pouvez transmettre l'accessoire successMessage
aux composants
successMessage="Item created successfully" //or use translate
Pour en savoir plus sur 'successMessage', cliquez ici - Documentation React