# React y fetch

### Aplicación de clima

Crear una aplicación de clima que se conecte con la API de OpenWeatherMap.

![Concepto de referencia final para la aplicación](/files/-MDw6ctXi5Z2GPBYIz0H)

* [ ] Crear los componentes para la aplicación.
* [ ] Asignar evento de change al campo de texto para guardar el nombre de la ciudad en el state del componente.
* [ ] Asignar evento de click al botón para hacer el llamado a la API. Este llamado a la API se puede disparar en el componente padre en caso que el state del pronóstico esté alojado ahí.
* [ ] Al recibir respuesta de la API modificar el state del pronóstico y pasar por props al componente que corresponda los pronósticos.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tdf.develotion.com/react/react-y-fetch.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.