ES6マップ配列をコンマなしの文字列に変換

Question

エラーのリストをツールチップに表示するリストにマップしようとしています。リストが追加されましたが、すべての要素の間には,が追加されています。

これは基本的にこれがerrors.map(error => ...).toString()を最後にしているからだと思います。任意のアイデアは、このコンマを追加せずにerrors配列の文字列をマップすることができますか？配列オブジェクトの

data-tip = {` 
    Precisa de corrigir os seguintes problemas antes de publicar o anúncio:</br> 
    <ul> 
    ${errors.map(error => `<li>${error}</li>`)} 
    </ul> 
`} 

Answer 1

.toString()列に配列を変換するArray.prototype.join方法を使用します。デフォルトで.joinメソッドは、要素を結合するために,を使用します。 .toString()を.join('')に置き換えることができます。あなたのコードで

Answer 2

、あなたはあなたの文字列を返すので、コード

${errors.map(error => `<li>${error}</li>`)} 

は、デフォルトでは,で返された配列を結合toString()機能を使用して文字列に変換されます。テンプレートリテラルを使用しています

あなたはこれに置き換えると見

{` 
    Precisa de corrigir os seguintes problemas antes de publicar o anúncio:</br> 
    <ul> 
    ${errors.map(error => `<li>${error}</li>`).join(' ')} 
    </ul> 
`}