Question

我有一个简单的.map（）方法，该方法应返回<li>内的<ul>个元素的列表，但出现语法错误“意外令牌<”

任何帮助将不胜感激。

我已经厌倦了一切。以及搜索。我的编辑器没有显示任何语法问题。说它在.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}
return 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>

来自匿名函数的错误：意外令牌<

1 个答案: