web-dev-qa-db-fra.com

Tableau de mappage ES6 à chaîne sans virgule

J'essaie de mapper une liste d'erreurs dans une liste que je montrerai dans une info-bulle. La liste a été ajoutée, mais un , A été ajouté entre chaque élément li.

Je suppose que c'est parce que cela fait essentiellement errors.map(error => ...).toString() à la fin. Avez-vous des idées sur la façon de mapper les chaînes dans le tableau errors sans avoir ajouté cette virgule?

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

.toString() de l'objet tableau utilise la méthode Array.prototype.join pour convertir le tableau en chaîne. La méthode .join Utilise par défaut , Pour joindre les éléments. Vous pouvez remplacer la .toString() par .join('').

24
undefined

Dans votre code, vous utilisez des modèles de littéraux qui vous renvoient une chaîne et donc le code

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

est converti en chaîne à l'aide d'une fonction toString() qui par défaut joint le tableau retourné avec un ,.

Vous pouvez utiliser la jointure avec un autre séparateur comme

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