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

Question

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

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

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

Answer 1

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

       <div 
        style={{
        backgroundImage:`url('https://images-eu.ssl-images-amazon.com/images/I/41lMD31ltzL.jpg')`,
        height:'500px'}}>
        </div>