图像不呈现反应

Question

首先我要为这个愚蠢的问题道歉，我是 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;

我的错误是什么？提前感谢:)

Answer 1

import { Link } from 'react-router-dom';

export default function LinkPicture({link, imgSrc}) { // modification here
    return(
        <Link to={link}>
            <img src={imgSrc} />
        </Link>
    )
}

现在你的道具通过了。