Hi Guys, i am trying to build a project using React abd i was just trying to use the API calls in the React but i got stuck on the below code as it is returning an Error(items.then is not a function), i am using .then method as its an Async function returning the value of new state, i cant think any…

For the first bit, its fetchItem() which is async, so the return value from that (a promise) is what you’d call then() from. But you don’t need a then because its not returning anything. Instead you’re calling setItems() inside that function which automatically updates the state and re-renders. Th…

i have tried few things and as i understand now the objects cant be displayed in the JSX format but can access its indivisual value by using . method. i can populate the screen now successfully with the values but have to write all the items keys {…} from the objects as below. Is any one can pleas…

yes it makes sense now and it worked, Thanks Pal :slightly_smiling_face:

Hey guys, i am a bit puzzled with the logic when reading the below code, although the code is working but not exactly as i would like it to behave. As i understand useEffect is used to invoke the function, but in the below code, once the form is sumbitted (onSubmit={credentialVerify}) it will cal…

Just to mention i am not passing the event parameters in the async() call, as i was just trying to establish the two way communication first before edit my code again and send the real credential data. [image] Umair_Ashraf: const credentialVerify = async () => {

one wired thing i came across is that for sure if i take the useEffect statement off, the credentialVerify function will not run at all as i don’t see any console.log… either then. so definitely onSubmit={credentialVerify} is not working at all…although onChange={updateName} & {up…

Submit buttons submit the form, which means reloading the current page or loading a new page. This would happen immediately which wouldn’t allow your async credentialVerify to run. Why do you need it to call it at all if you call it in the useEffect? Or is it that you dont really want the useEffe…

@senocular yes you correct, it was reloading the page and thats why i couldnt see the logs either. i was actually trying to achieve a login form that pass the credentials to Node and then ultimately save it in DB. I came across the pooling of SyntheticEvent in react and it doesnt allow Async to ac…

kirupaForum

React using API call

programming

Topic		Replies	Views
Understanding Simple API call programming	1	567	June 5, 2020
I need help creating a Restful API app	9	748	June 24, 2019
Working with External Data in React \| kirupa.com programming	12	1575	August 9, 2021
When saving data(array of objects) in React.State/ LocalStorage using ReactHooks, facing an error web dev	2	742	July 17, 2020
images in react	11	720	September 21, 2018

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Loose Ends

What is a Kirupa?
About the Site
Handy Tools
Get Help

React using API call

Related topics

Follow:

Popular

Loose Ends