javascript - 来自匿名函数的错误 : unexpected token <

Question

我有一个简单的 .map() 方法，它应该返回 <li> 的列表。 <ul> 中的元素但我收到“意外 token <”的语法错误

如有任何帮助，我们将不胜感激。

我已经厌倦了一切。也搜过。我的编辑器没有显示任何语法问题。说它在 .map() 的返回线上

const servicesArray = languages.en.servicesListLi;
$('#servicesListUl').append(servicesArray.map((item, i) => {
<li key={i}>{item}</li>;})
);

期望返回 5 <li>元素。

Answer 1

你需要:

• 用重音符将您的 HTML 包装成有效的 template literal
• 更改对 ${i} 和 ${item} 的引用

• 返回map中的字符串；如果你也省略了大括号，这可以省略，例如:

  (item, i) => `<li key="${i}">${item}</li>`
  

const servicesArray = ["English", "Spnish"];
$('#servicesListUl').append(servicesArray.map((item, i) => {
  return `<li key="${i}">${item}</li>`;
}));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="servicesListUl"></ul>