因此，我正在學習 React 并正在構建一個使用 Marvel api 來顯示英雄信息的應用程序。現在我有一個頁面顯示所有英雄的圖像和名字。我想知道如何操作 API，以便在單擊英雄圖片時將我帶到包含 API 中包含的更多詳細信息（描述、系列列表等）的頁面。我可能必須為此使用狀態，但我真的不知道如何處理這種情況。這是我得到的代碼：import React, {useEffect, useState} from 'react';import "../App.css";import Heroes from './Heroes';const FetchApi = () =>{ const apikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx'; const public_key = 'xxxxxxxxxxxxxxxxxxxxxxxxx' const md = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' const apiURL=`https://gateway.marvel.com:443/v1/public/charactersts=1&apikey=${public_key}&hash=${md}` const [heroes, setHeroes] = useState([])   useEffect (()=>{      getData();  },[])      const getData = async()=>{      const data = await fetch(apiURL)      const response = await data.json()      setHeroes(response.data.results)      console.log(response.data.results)  }  return(      <div className='App'>            <input type='text' className='search-bar'/>         <button className='search-button'>Search</button>             <div>          {heroes.map(hero =>(           <Heroes           image = {hero.thumbnail.path+'.jpg'}           title ={hero.name}          />       ))}          </div>               </div>  )}export default FetchApi;