ES6 map array in string ohne Komma

Ich versuche zum anzeigen einer Liste der Fehler in einer Liste, die ich dann in einem tooltip angezeigt. Die Liste Hinzugefügt, aber es gibt eine , zwischen jedem li-element.

Ich denke, das ist, weil diese im Grunde genommen errors.map(error => ...).toString() am Ende. Irgendwelche Ideen, wie kann ich das anzeigen der Zeichenfolgen in errors array ohne dieses Komma Hinzugefügt?

data-tip = {`
  Precisa de corrigir os seguintes problemas antes de publicar o anúncio:</br>
  <ul>
    ${errors.map(error => `<li>${error}</li>`)}
  </ul>
`}
  • ersetzen Sie einfach zu diesem und zu sehen: ${errors.map(error => <li>${error}</li>)} entfernen Sie die backtics der li.
InformationsquelleAutor Fábio Santos | 2017-07-05
  1. 24

    .toString() des array-Objekts verwendet Array.prototype.join Methode für die Umwandlung des Arrays in einen string. Die .join Methode standardmäßig verwendet , für das verbinden der Elemente. Sie können ersetzen Sie die .toString() mit .join('').

    • in Ergänzung zu diesem Beitrag, schauen Sie auch .join() doc.
    InformationsquelleAutor undefined
  2. 15

    In Ihrem code, Sie sind mit Vorlage Literale gibt Sie eine Zeichenfolge, und daher der code 

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

    wird in einen string umgewandelt mit einem toString() - Funktion, die standardmäßig schließt das zurückgegebene array mit einem ,.

    Können Sie gemeinsam mit anly andere Trennzeichen wie

    {`
  Precisa de corrigir os seguintes problemas antes de publicar o anúncio:</br>
  <ul>
    ${errors.map(error => `<li>${error}</li>`).join(' ')}
  </ul>
`}
    • Sie haben einen Fehler hier. .join(' ') sollte innerhalb der Klammern
    • stimmt,mein Fehler, hab es nicht sehen, richtig
    InformationsquelleAutor Shubham Khatri
Schreibe einen Kommentar