гет запроса, хотя отправляя его через постман все работает
код компонента:
import React, { useEffect, useState } from 'react';
import axios from 'axios';
export default function Home() {
const [titleRu, setTitleRu] = useState("");
const [titleEn, setTitleEn] = useState("");
const [path, setPath] = useState("");
useEffect(() => {
const fetchData = async () => {
try {
const response = await axios.get('http://127.0.0.1:8080/api/music/1');
const data = response.data;
const fetchedTitleRu = data.titleRu;
const fetchedTitleEn = data.titleEn;
const fetchedPath = data.path;
setTitleRu(fetchedTitleRu);
setTitleEn(fetchedTitleEn);
setPath(fetchedPath);
console.log(data);
} catch (error) {
console.error(error);
}
};
fetchData();
}, []);
return (
<div>
{titleRu && <p>Title (Ru): {titleRu}</p>}
{titleEn && <p>Title (En): {titleEn}</p>}
{path && <p>Path: {path}</p>}
<p>тест вывода главной страницы</p>
</div>
);
}
Что в ерроре пиштет
Прелоадер может нужен
Это что?
Какая то инфа о том, что данные подгружаются
Какая ошибка?
Обсуждают сегодня