antd model <img style={{ width: '80%', margin: '1rem 0' }} src={photo} />
时间: 2023-12-21 08:03:49 浏览: 128
Vue中通过<script></script>引入的Vue.js文件
5星 · 资源好评率100%
在Antd Modal中,你可以使用`<img>`标签来显示图片。你需要将图片的URL作为属性传递给`<img>`标签的`src`属性,如下所示:
```
<Modal visible={visible}>
<img style={{ width: '80%', margin: '1rem 0' }} src={photo} />
</Modal>
```
其中,`visible`是控制Modal显隐的属性,`photo`是图片的URL。
注意,如果你的图片URL是一个动态变量,你需要确保在数据更新后重新渲染Modal组件,否则图片不会刷新。可以通过上面提到的`setState`方法来手动触发组件的重新渲染。
阅读全文