Search⌘ K
AI Features

The InputCity Component

Understand how to create the InputCity component that includes a text input for city names and a submit button to handle searches. Explore how to manage props such as onSubmitHandler, city, and onInputHandler to make the component interactive and functional within a React weather app context.

The InputCity.js component provides us with a search box. In it, we write the name of the city and add a “search” button to initiate an API call. Let’s begin by creating a search bar. Our ...