import React, { useState } from 'react'; function DailymotionViewer() { const [videos, setVideos] = useState([]); const searchVideos = async (query) => { const res = await fetch(`https://api.dailymotion.com/videos?search=${query}&limit=5`); const data = await res.json(); setVideos(data.list); }; return (
searchVideos(e.target.value)} placeholder="動画を検索..." />
{videos.map(video => (
))}
); } export default DailymotionViewer;