Нужна небольшая помощь во вложении переменных в backscks ES6 - PullRequest
Новая
       29

Нужна небольшая помощь во вложении переменных в backscks ES6

0 голосов
/ 25 мая 2019

Я пытаюсь динамически создать HTML UL с моими собственными данными json и функцией карты, включающей обратные ссылки js ES6. Я почти на месте, но застрял во вложении значения в переменную.

Я пытался выбрать вложенный инструмент, но безуспешно 

 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>`
    }

Я ожидал, что вложенный инструмент будет экранирован, но я получаю ошибку ..

Uncaught SyntaxError: неверный или неожиданный токен

...