为什么显示：flex在Reactjs中隐藏我的图像

由于某些原因，即使使用某些图像显示的路径相同，也不会显示两个图像

const useStyles=makeStyles（（主题）=>({
根目录：{
最小高度：“100vh”，
fontFamily:fonts.extra，
重量：“100”，
},
标题：{
高度：“55vh”，
背景图片：`url（${process.env.PUBLIC_url+”/assets/ichud bg.jpg}）`，
背景附件：“固定”，
背景位置：“中心”，
背景重复：“不重复”，
背景尺寸：“封面”，
辩护内容：“中心”，
对齐项目：“中心”，
显示：“flex”，
},
标题文字：{
字体大小：“64px”，
填充：“20px”，
边框：“5px固体#000”，
颜色：颜色，黑色，
背景色：“rgba（255，255，255，0.6）”，
},
图像包装器：{
显示：“flex”，
flexDirection:“行”，
},
firstImage：{
背景图片：`url（${process.env.PUBLIC_url+”/assets/ichud bg.jpg}）`，
背景尺寸：“封面”，
高度：“500px”，
},
第二张图片：{
背景图片：`url（${process.env.PUBLIC_url+“/assets/cards2.jpg}）`，
高度：“500px”，
宽度：“400px”，
},
}));

这就是风格

导出默认函数Ichud（）{
const classes=useStyles（）；
返回(
伊丘德莫斯多斯酒店
);
}

标题上的图像正在显示，但“firstImage”和“secondImage”未显示

---

感谢您提供的各种帮助。

测试代码时，会显示

标题

图像和

第二图像

。

firstImage

未显示的原因是它没有

width

因此，与此相反：

firstImage: {
  backgroundImage: `url(${process.env.PUBLIC_URL + "/assets/ichud-bg.jpg"})`,
  backgroundSize: "cover",
  height: "500px"
}

让它像这样：

firstImage: {
  backgroundImage: `url(${process.env.PUBLIC_URL + "/assets/ichud-bg.jpg"})`,
  backgroundSize: "cover",
  height: "500px",
  width: "400px"
}

---

如果您也没有看到

secondImage

，那么

cards2

路径肯定是错误的。

实际上，我想显示属性就是问题所在。如果我将flexDirection设置为row，而不设置显示：flex我可以在列中看到它们。此外，我尝试在div下添加另一个组件，但它也不显示。PS：事实上，这个问题在我的项目omg中一直存在，我感到非常失落。非常感谢！我想提高它，但还需要4个声誉，哈哈。当然我会回来的。很高兴能帮上忙。你也可以通过这样的方式接受答案，以表明一个答案解决了你的问题，此外，你还可以在你觉得有帮助的帖子上投票。要接受答案，您可以按复选标记。接受一个答案没有声誉要求，但你只能接受一个答案。哦，很高兴知道！泰！