Возможно, это легко исправить, но я не вижу решения. Мой проект, на который я потратил слишком много времени, наконец-то начинает закрываться, однако я подошел к самому концу и у меня возникли проблемы с API, с которым я работаю.
Я ожидаю, что всякий раз, когда я буду использовать свой матч в HeroDetail, я смогу использовать этот идентификатор, чтобы найти данные героя, которые я хочу отобразить, когда вы нажмете на них. Мои другие компоненты работают именно так, как я считаю, они должны. Они направляют меня на мою страницу HeroDetail с идентификатором c героя, на которого я нажимаю.
Проблема, с которой я сталкиваюсь, заключается в том, что с этим API я не знаю, как использовать этот идентификатор для извлечения heroStats для этого указанного c идентификатора.
Я подумал, что смогу добавить немного параметров в конце URL-адреса, например ? _ Id = $ {} , но это не удалось. URL API - https://docs.opendota.com/#section / Введение , если вы также хотите немного прочитать о нем. Я не смог найти ничего, что могло бы мне помочь.
import React, {useState, useEffect} from "react";
import "./App.css";
function HeroDetail({match}) {
useEffect(() => {
fetchHero();
console.log(match)
},[]);
const [item, setItem] = useState([]);
const fetchHero = async () => {
const fetchHero = await fetch(`https://api.opendota.com/api/heroStats}`);
const item = await fetchHero.json();
setItem(item);
console.log(item)
};
return(
<div>
<h1>{item.id} </h1>
</div>
);
}
export default HeroDetail;