Overview

Your task is to link the data you have fetched to the CountryCard. The user should see the data of the country they searched for appear on the screen.

1. Update the countryData state within fetchCountryData
2. Pass details from countryData to CountryCard

Update countryData state

ℹ️ Overview

Currently, you simply console.log the data you want. Let’s instead store this data in our countryData state. This will be useful in letting our app rerender with the correct details displayed!

❓Task

Decide on an appropriate data structure for your countryData state. Now, instead of console.logging within fetchCountryData, update this state with the appropriate details.

✅ Acceptance Criteria

We can’t tangibly determine if you have passed apart from looking at your code. The visible effects will come in the next part!

Pass countryData to CountryCard

❓Task

Currently we pass some filler text down to CountryCard. Your task is to pass in the appropriate data from countryData. This should then display on your screen.

✅ Acceptance Criteria

You pass if:

• The user can search a country and have its relevant details display on the screen