Я пытаюсь динамически создать 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">×</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: неверный или неожиданный токен