CodeYourFuture / CodeYourFuture/React-Module-Project

Feature fetch bookings

Ouverte
#16 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
🐂 Size Medium 📅 Week 3 🧩 Feature
Langage dominant
JavaScript
Étoiles
1
Forks
28
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

### 16. Load bookings remotely

**Instructions:**

Instead of getting the existing bookings from the file `data/fakeBookings.json`, we will get and load the bookings from a remote API. In the `` component, use the React function `useEffect` to `console.log()` some text only when the page first renders on the screen. Verify that when you refresh the page, the text appears once in the console. Then, in the `useEffect` function, use the `fetch()` function to get data from `https://cyf-react.glitch.me`.

Try to pair or mob on this feature.

**Hints:**

- Replace `FakeBookings` in the bookings state and initialise it with `[]` (because we haven't fetched any results yet!)
- After calling the `fetch()` function, use `.then()` to handle the response. Try looking at your Pokemon app that you worked on in class for an example
- When the response comes back, use `setBookings` to update the results

**Test:**

- [ ] Verify the customers data are still displayed correctly in the table.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.