Блог

Я создаю приложение погоды и хотел бы получить день, дату, месяц и год из API, которые будут отображаться при поиске города, когда я ввожу код ниже, он просто отображается как $ {день} $ {дата} $ {месяц} $ {год}есть ли причина, по которой это происходит, — это неправильное получение данных из API?

App.js

 Import React, { useState } from 'react';

import { fetchWeather } from './api/fetchWeather';
import './App.css';

const App = () => {
const [query, setQuery] = useState('');
const [weather, setWeather] = useState({});

const dateBuilder = (d) => {
    let months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", 
"October", "November", "December"]
 let days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

 let day = days[d.getDay()];
 let date = d.getDate();
 let month = months[d.getMonth()];
 let year = d.getFullYear();

 return '${day} ${date} ${month} ${year}'


}

const search = async (e) => {
    if(e.key === 'Enter') {
        const data = await fetchWeather(query)
        

        setWeather(data);
        setQuery('');

         
    }
}       
  

fetchWeather.js

 import axios from 'axios';

const URL = 'https://api.openweathermap.org/data/2.5/weather';
const API_KEY = '5a68c76873f7ccb04c1ef6f924b37e32';


export const fetchWeather = async (query) => {
const { data } = await axios.get(URL, {
    params: {

        q: query, 
        units: 'metric',
        APPID: API_KEY,
    }
});

return data
 }
  

Используйте обратные ссылки

 return `${day} ${date} ${month} ${year}`