使用map()遍历数组时无法通过变量访问对象属性的问题排查

你的问题出在对象属性的访问方式上：

• 你使用了点语法 totalGenresWatchedCount.genre，但这里的 genre 是循环中的变量。点语法仅能识别字面量形式的属性名（比如直接写 totalGenresWatchedCount.Comedy），无法解析变量对应的属性。
• 要通过变量获取对象属性，必须使用方括号语法：totalGenresWatchedCount[genre]。

修正后的代码如下：

totalUniqueGenresWatched.map((genre) => {
  return (
    <p>
      {genre} - {totalGenresWatchedCount[genre]}
    </p>
  );
})

这样既能正确获取每个流派对应的观看次数，同时genre变量被正常使用，也不会触发VS Code IntelliSense的未使用提示。

内容的提问来源于stack exchange，提问作者Hrithik Naha