0

我正在尝试使用我自己的 json 数据和包含 js ES6 反引号的 map 函数动态创建一个 html UL。我快到了，但我坚持在变量中嵌套一个值。

我试过逃避嵌套工具但没有成功

 let frontList = data[i].tools.Front.map(tool => {
  return `<li>${tool.tool}</li>`
}).join("")

上面的这种方式按照您的建议工作，谢谢！

let output = ''
  output += `
    <span class="closeBtn">&times;</span>
    <h3>${data[i].title}</h3>
    <p> ${data[i].desc}</p>
    <h5>Front End</h5>
    <ul>
      ${data[i].tools.Front.map(tool => {
          return `<li>${tool.tool1}</li>`
        }).join("")}
    </ul>
    `
  if (data[i].tools.Back) {
    output += `<h5>Back End</h5>
    <ul>
      <li>${data[i].tools.Back[0].tool1}</li>
      <li>${data[i].tools.Back[1].tool2}</li>
      <li>${data[i].tools.Back[2].tool3}</li>
      <li>${data[i].tools.Back[3].tool4}</li>
      <li>${data[i].tools.Back[4].tool5}</li>
    </ul>`
    }

我希望嵌套工具被转义，但我收到错误..

未捕获的 SyntaxError：无效或意外的令牌

4

0 回答 0