“Aplicación meteorológica reaccionar” Código de respuesta

Aplicación meteorológica reaccionar

import './App.css';
import React, { useEffect, useState } from "react";
import Weather from './components/weather';
export default function App() {
  
  const [lat, setLat] = useState([]);
  const [long, setLong] = useState([]);
  const [data, setData] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      navigator.geolocation.getCurrentPosition(function(position) {
        setLat(position.coords.latitude);
        setLong(position.coords.longitude);
      });

      await fetch(`${process.env.REACT_APP_API_URL}/weather/?lat=${lat}&lon=${long}&units=metric&APPID=${process.env.REACT_APP_API_KEY}`)
      .then(res => res.json())
      .then(result => {
        setData(result)
        console.log(result);
      });
    }
    fetchData();
  }, [lat,long])
  
  return (
    <div className="App">
      {(typeof data.main != 'undefined') ? (
        <Weather weatherData={data}/>
      ): (
        <div></div>
      )}
      
    </div>
  );
}
Said HR

Aplicación meteorológica reaccionar

npm install semantic-ui-react semantic-ui-css
Wide-eyed Weevil

React_weather_app

024676ac355409c93be1280b0e619122
Nervous Nightingale

Respuestas similares a “Aplicación meteorológica reaccionar”

Preguntas similares a “Aplicación meteorológica reaccionar”

Más respuestas relacionadas con “Aplicación meteorológica reaccionar” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código