Replies: 1 comment 5 replies
-
|
You would want a temporary alert of some kind that listens to The state would be managed similar to this: function YourComponent({ isSubmitSuccessful }) {
const [showSuccess, setShowSuccess] = useState(isSubmitSuccessful);
useEffect(() => {
if (isSubmitSuccessful) {
setShowSuccess(true);
const timer = setTimeout(() => setShowSuccess(false), 3000);
return () => clearTimeout(timer);
}
}, [isSubmitSuccessful]);
// ...
} |
Beta Was this translation helpful? Give feedback.
-
|
Can we have a temporary success indicator in the form API? seems like a common use case. Maybe also a config option to customize the timeout duration |
Beta Was this translation helpful? Give feedback.
-
|
@LeCarbonator is this still the correct way to do this? My use case is similar, but was thinking of only displaying the toast when |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
Thank you for the reply. I ended up using I fought a little bit with the store thinking there was some way off |
Beta Was this translation helpful? Give feedback.
-
|
Probably because if you had to use that, you'd need to manage the unsubscribing as well. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
I want to show some state on the submit button that indicate submit operation was successful and goes away after a few seconds. The
isSubmitSuccessfulexists, but it is not temporary. How do you do it? What's the simplest way?Beta Was this translation helpful? Give feedback.
All reactions