反应路由器链接包装div背景未显示

问题描述 投票:0回答:1

仅与react-router <Link>发生有线连接问题,当我在其中包装有背景的div时,它不会显示图像,但是如果我注释掉Link,背景就会显示出来,有人遇到了吗同样的问题?

       <Link to={{
                    pathname: "/productDetail",
                    search: "?productId=" + props.product.productid
                }}>
                <div
                    className="image"
                    style={{
                        backgroundImage: `url(correctURL)`
                    }}
                />
       </Link>

URL是正确的,当我注释掉链接后,它可以正常工作。

html css reactjs react-router react-router-dom
1个回答
0
投票

这是您需要定义和放置一些高度的方式。

       <div 
        style={{
        backgroundImage:`url('https://images-eu.ssl-images-amazon.com/images/I/41lMD31ltzL.jpg')`,
        height:'500px'}}>
        </div>
热门问题
推荐问题
最新问题