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

私が見つけたの代わりに、

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

を使用して@helbから有益なコメントのおかげで、私が代わりにこれを実行する必要があります。

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

2017-10-17 15:23:38

答えて