React

Kom igång

POST request mot Endpoint

Fetch in React

⁠

Backend Dag 7 Frontend.pdf

1.9 MB

⁠

Backend Dag 8 Frontend Forts.pdf

2.4 MB

⁠

Ladda ner exempelprojektet för React:

⁠

react_client.zip

209.2 kB

⁠

2 installera React⁠

& Kör React-projektet i mappen du laddat ner

3. Öppna filen “index.js” . Du kommer här se att det enda som görs här är att connecta mot backenden med funktionen “fakeBackend()” på rad 10,

4 Öppna filen /helpers“Fake-backen.js “

⁠

Här finner du denna funktion där du mappar ut de endpoints du vill connecta mot samt vilka värden som ska returneras till frontenden.

⁠

Som lyckat svar för varje endpoint kommer du att få svarsvärdena från backenden.

⁠

Vissa förfrågningar som görs mot backenden kommer även lagra data lokalt (localstorage) för att tex lagra token.

⁠

5. Du kan nu använda vanliga “ window.fetch(”http://localhost:4000/ENDPOINT_URL”) “ i din index.js-fil eller “fake-backend” för att utföra anrop mot din endpoint.

Med den returnerade datan kan du tex console-logga denna för att visa att du kommer åt den eller palcera ut datan på din frontend-sida.

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.