Macierz map ES6 na ciąg bez przecinka

Question

Próbuję odwzorować listę błędów na listę, która zostanie wyświetlona w podpowiedzi. Lista została dodana, ale między każdym elementem li jest dodana ,.

Domyślam się, że to dlatego, że to w zasadzie robi errors.map(error => ...).toString() na końcu. Jakieś pomysły, jak mogę odwzorować łańcuchy w tablicy errors bez dodawania tego przecinka?

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() obiektu tablicy zastosowano Array.prototype.join sposób konwersji tablicy do łańcucha. Metoda .join domyślnie używa , do łączenia elementów. Możesz zamienić .toString() na .join('').

Answer 2

W kodzie używasz literały szablon, który zwraca państwu ciąg i stąd kod

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

jest przekształcany na ciąg przy użyciu toString() funkcję, która domyślnie łączy wracającą tablicę z ,.

Można skorzystać z przyłączenia Anly innym separatorem jak

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