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

我想在文本字段中使用SweetAlert2显示图像。我相信SweetAlert只是返回和对象。这看起来是这样的：如何使用React和SweetAlert2在对象中返回HTML

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

这些通常都需要一个字符串。我想要做的是在文本字段中显示和图像。我试着做text: (<img src="image_src" />)，但这不起作用，它只显示[ojbect Object]在警报中。

我应该注意到这一点，但我也在图像的src中放入了一个变量。所以我需要这个工作以某种方式

<img src={`${image_url}`} />

请让我知道，如果你需要的代码！

使用'html'，而不是'text'：HTTPS： //limonte.github.io/sweetalert2/#custom-html – helb

所以你必须使用HTML引号？因为我必须在代码中加入一个变量，例如'' –

它也将带有html节点的对象作为孩子。看看源代码：https：//github.com/limonte/sweetalert2/blob/master/src/sweetalert2.js#L68-L87 – helb

感谢来自@helb了有益的意见，我发现了而不是使用

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

我需要这样做，而不是：

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

2017-10-17 15:23:38

回答