Hi, I'm new to ReactJS, just practicing it but I want to use this with my simple function that fetches data from github users api.. This looks cool 😇
const url = 'https://api.github.com/users const fetchUsers = async () => { const response = await fetch(url); // show error if network failed etc const usersData = await response.json(); // Show error if not found setUsers(usersData); // Show success notification }; fetchUsers();
So, how can I use it with above simple example... and how to use the promise feature with the same..
And I think you are the original author 😍
Thanks
useEffect(() => { const fetchUsers = async () => { const fetchUrl = fetch(url); toast.promise(fetchUrl, { pending: 'Fetching data', success: 'Fetched data successfully 👌', error: 'Something went wrong 🤯', }); const response = await fetchUrl; const usersData = await response.json(); setUsers(usersData); }; fetchUsers(); }, []);
So I achived working with promise with async await, I hope its good.
Hey @optimbro actually, toast.promise return the provided promise. So you can await it directly. You can check this example codesandbox.io/s/inspiring-forest-...
toast.promise
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hi, I'm new to ReactJS, just practicing it but I want to use this with my simple function that fetches data from github users api.. This looks cool 😇
So, how can I use it with above simple example... and how to use the promise feature with the same..
And I think you are the original author 😍
Thanks
So I achived working with promise with async await, I hope its good.
Hey @optimbro actually,
toast.promise
return the provided promise. So you can await it directly. You can check this example codesandbox.io/s/inspiring-forest-...