title: array of objects send through href
body: <p>I'm trying to send some data through href tag, I`m using template literals, it works fine with strings and simple objects, but with an array doesn't seem to be working.</p>
  <p>This is the link</p>
  <pre><code> const link =`https://wa.me/number?text=Thanks%20for%20your%20purchase%20${input.name}!%0A${items}%0AName:%20${input.name}%0AAdress:%20${input.addess}%0APhone:%20${input.Phone}%0ACity:%20${input.city}%0ATotal:%20$${total}`
  </code></pre>
  <p>This is the JS, and I am not really sure if it's okay to use template literals here.</p>
  <p><a href="https://i.stack.imgur.com/UdNbR.png" rel="nofollow noreferrer">code snipped</a></p>
  <pre><code>const items = cart &amp;&amp; cart.map((p, i) =&gt; {
      return(
        `&lt;div&gt;
        &lt;h4&gt;${p.title}&lt;/h4&gt;
         &lt;div&gt;
             {p.salsa &amp;&amp; p.salsa.map(item =&gt; &lt;li&gt;{item}&lt;/li&gt;)}
         &lt;/div&gt;
         &lt;div&gt;
             {p.toppings &amp;&amp; p.toppings.map(item =&gt; item)}
         &lt;/div&gt;
         &lt;h4&gt;${p.quantity}&lt;/h4&gt;
         &lt;h4&gt;${p.Comments}&lt;/h4&gt;
        &lt;/div&gt;`
      )
  })
  </code></pre>