Typescript+React初学者の為、初歩的な質問になるかもしれませんが、解決ができませんでしたので質問させてください。
詳細ページ作成時がうまくいきません
type Detailslist = { id: string title: string src: string }[]; const Contents = () => { const { id } = useParams(); const [Details, setData] = useState<Detailslist[]>([]); const getData = async () => { axios.get([APIのURLを記述]+ '/' + id, { headers: { "Authorization": [APIのKEYを記述] }, }) .then((res) => { const DetailsData = res.data setData(DetailsData); }) .catch(err => console.log(err)) } useEffect(() => { getData(); }, []) return ( <div> {Details.map((d) => ( <div key={d.id} id={d.id}> <h4>{d.title}</h4> <picture><img src={d.src} /></picture> </div> ))} </div> ) } export default Detail
別途作成済みのブログの一覧ページからリンクする、詳細ページを作ろうと思っております。axiosで取得したjson内の配列から、特定の要素のみを表示させたいのですが...map部分にエラーが出てうまく進行できません。
恐縮ですが、アドバイス頂けますと助かります。
回答1件
あなたの回答
tips
プレビュー