Overview

Your task is to make the SearchBar functional. The user should be able to type in a country name, hit enter (or click a button) and the country’s details should be console.logged to your browser.

1. Code the Input Field so you can type text into it
2. Link the Input Field to the fetchCountryData function
3. Make fetchCountryData actually fetch the country’s data

1. Input Field

🔬 Helpful learning links:

Note, the following link contains some old React code but it should be fairly relevant.

Forms - React

❓Task

Inside SearchBar.js code up an input field which allows the user to type in text. When the user hits “enter”, console.log the text inside the input field.

✅ Acceptance Criteria

You pass if:

• The exact text in the input field is console.logged when the user presses enter

2. Link Input Field to fetchCountryData

ℹ️ Overview

App.js contains a function fetchCountryData. Later, we will make this function query an endpoint. For now, our goal is to connect the API.

fetchCountryData has been passed down to SearchBar.js

❓Task