useEffect(() => {
const fetchExerciseData = async () => {
const exerciseDbUrl = ‘https://exercisedb.p.rapidapi.com’;
const youtubeSearchUrl = ‘https://youtube-search-and-download.p.rapidapi.com’;
const exerciseDetailData = await fetchData(${exerciseDbUrl}/exercises/exercise/${id}
, exerciseOptions);
console.log({exerciseDetailData});
setExerciseDetail(exerciseDetailData);
}
…
<Stack gap=“60px” sx={{ flexDirection: { lg: ‘row’ }, p: ‘20px’, alignItems: ‘center’ }}>
<img src={gifUrl} alt={name} Loading=“lazy” className=‘detail-image’ />
</Stack>
Participez à la discussion - ajoutez un commentaire ci-dessous: