Javascript 我的React应用程序正在渲染我的图像'；s URL作为URL（'；未定义'；）；

这是我的JSX代码

<div class="propertie-item set-bg" style="background-image: url('https://s3.us-east-2.amazonaws.com/housessoldeasily.com/img/bg.jpg');"><div class="sale-notic">FOR SALE</div><div class="propertie-info text-white"><div class="info-warp"><h5>176 Kingsberry, Dr Anderson</h5><p><i class="fa fa-map-marker"></i> Rochester, NY 14626</p></div><div class="price">$1,777,000</div></div></div>

纽约州罗切斯特市安德森博士SALE176 Kingsberry 14626
1777000美元

但是，当我运行我的应用程序时，图像没有被加载。当我检查元件时，元件显示：

<div class="propertie-item set-bg" style="background-image: url('undefined');"><div class="sale-notic">FOR SALE</div><div class="propertie-info text-white"><div class="info-warp"><h5>176 Kingsberry, Dr Anderson</h5><p><i class="fa fa-map-marker"></i> Rochester, NY 14626</p></div><div class="price">$1,777,000</div></div></div>

纽约州罗切斯特市安德森博士SALE176 Kingsberry 14626
1777000美元

---

不确定它为什么要这样做，因为它是一条精确的路径，而且它是存在的。

从我所看到的，在其他引号中调用引号会导致它们逃逸。因此，我将图像链接包装在

'

中，而不是

'

中，因此它将正确地呈现其中的字符串

<div class="propertie-item set-bg" style="background-image: url('https://s3.us-east-2.amazonaws.com/housessoldeasily.com/img/bg.jpg');"><div class="sale-notic">FOR SALE</div><div class="propertie-info text-white"><div class="info-warp"><h5>176 Kingsberry, Dr Anderson</h5><p><i class="fa fa-map-marker"></i> Rochester, NY 14626</p></div><div class="price">$1,777,000</div></div></div>

纽约州罗切斯特市安德森博士SALE176 Kingsberry 14626
1777000美元

---

如果您希望将现有静态站点转换为ReactJS站点，那么我建议您阅读此

问题在于您的组件代码，请将其链接。您需要更具体一点，说明导致您出现问题的原因此网站的静态html版本可以很好地渲染div的背景图像，但是我正在尝试将这个静态站点转换为react应用程序，而不是这样做----style=“background image:url（'img/propertie/1.jpg'）；”----我需要这样做----style={{{backgroundImage:'url（'）”}----但是它呈现为url（'undefined'），那么创建JSX的组件代码是什么呢？对不起，我的实际应用程序使用单引号，否则你的权利，这将意味着字符串的结束。我在为stackoverflow编辑帖子时不小心加了双引号。但是问题仍然存在。啊，问题在于你的组件代码，链接，这个链接显示了它应该如何渲染和如何渲染的图片-----