首先，我想為這個愚蠢的問題道歉，我是 webdev 的真正初學者。
我正在嘗試制作可點擊影像的組件，將我們重定向到網站的另一個頁面。我沒有收到任何錯誤，但影像沒有顯示（我的網頁上有一個？），當我點擊這個“？”時 我根本沒有被重定向。
這是我的組件（在 src/components/LinkPicture.js 中）
import { Link } from 'react-router-dom';
export default function LinkPicture(link, imgSrc) {
return(
<Link to={link}>
<img src={imgSrc} />
</Link>
)
}
這是我的頁面組件（在 src/pages/intraje/Home.js 中，在 src/assets/logo_SEIO_color_head.png 中的影像）
import React from 'react'
import LinkPicture from '../../components/LinkPicture';
import logo from "../../assets/logo_SEIO_color_head.png"
const Home = () => {
return (
<div className='home'>
<React.Fragment>
<h1>Home</h1>
<LinkPicture link={"intraje/profile"} imgSrc={logo}> </LinkPicture>
</React.Fragment>
</div>
)
}
export default Home;
我的錯誤是什么？提前致謝:)
uj5u.com熱心網友回復：
import { Link } from 'react-router-dom';
export default function LinkPicture({link, imgSrc}) { // modification here
return(
<Link to={link}>
<img src={imgSrc} />
</Link>
)
}
現在你的道具通過了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/318240.html
標籤：javascript 反应 图片
上一篇：將物件陣列過濾為兩個新陣列并將每個陣列保存到useState
下一篇：如何在我的模型中輸入正確的ID？