html中的表正在无任何原因地呈现逗号

a0x5cqrl  于 2023-04-18  发布在  其他
关注(0)|答案(1)|浏览(115)

html中的表正在呈现一个逗号,没有任何原因,我正在使用nodemailer和smtp谷歌服务器,我觉得这是关于html的东西,但我不能弄清楚

const mailOptions = {
    from: "xyz@gmail.com",
    to: "yzx@gmail.com",
    subject: "Issue Persisting for long time",
    html:
      "<h2>These are the issues persisting for long time</h2><ul> " +
      `<table style="border: 1px solid black;" >
    <thead>
      <tr>
        <th style="border: 1px solid black;">description</th>
        <th style="border: 1px solid black;">department</th>
        <th style="border: 1px solid black;">Location</th>
        <th style="border: 1px solid black;">Date</th>
      </tr>
    </thead>
    <tbody>
      ${data.map((item) => {
        return `
        <tr>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        </tr>`
      })}
    </tbody>
  </table>`,
  };
  transporter.sendMail(mailOptions, (error, info) => {
    if (error) {
      res.send(error);
    } else {
      console.log(mailOptions.text);
      res.send("Email sent: " + info.response);
    }
  });
neskvpey

neskvpey1#

您的map调用在此处返回一个数组:

<tbody>
      ${data.map((item) => {
        return `
        <tr>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        <td>sdfsdf</td>
        </tr>`
      })}
    </tbody>

数组的默认字符串表示形式是其每个元素的逗号分隔表示形式。
你可以通过自己对数组进行字符串化来修复它,例如将.map(..)改为.map(..).join("")

相关问题