将图像添加到模态 ReactJS

Question

我正在尝试在我的模式中插入图像并为其设置样式，但我在执行时遇到了问题。我试过将图像包装在 div 下并将属性应用于 div 但它似乎也不起作用。我已经为我的沙盒创建了一个 link：https://codesandbox.io/s/react-modal-rx1dz?file=/src/App.js

谢谢！

Answer 1

您需要使用 require

来引用图片，而不是使用简单的字符串

<img src={require('./modal.jpg')} />

您也可以使用import

import img from "./modal.jpg"; 
<img src={img} />

为了适应 div

我也稍微改变了样式

https://codesandbox.io/s/react-modal-forked-mpkzm