如何使用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

回答