如何使用React和SweetAlert2在Object中返回HTML

时间:2017-10-17 14:51:18

标签: javascript reactjs sweetalert sweetalert2

我想在文本字段中使用SweetAlert2显示图片。我相信SweetAlert只会回归并反对。这就是它的样子:

Directory     | File Count

C:\Folder1    |      3   (3 files under \Folder with and xls extension)

C:\Folder\Sub |   2

C:\Folder2    | 5

这些通常都是一个字符串。我想要做的是在文本字段中显示和图像。我尝试了swal({ title: 'Title', text: 'text', type: 'success' }) ,但这不起作用,它只是在警报中显示text: (<img src="image_src" />)

我应该注意到这一点,但我也在src中为图像添加一个变量。所以我需要这个以某种方式工作

[ojbect Object]

如果您需要更多代码,请与我们联系!

1 个答案:

答案 0 :(得分:0)

感谢@helb的有用评论,我发现了而不是使用

swal({
  title: 'Title',
  text: 'text',
  type: 'success'
})

我需要这样做:

swal({
  title: 'Title',
  html: `<img src='${image_url}'/>`,
  type: 'success'
})