React TypeScript使用map时遇Identifier expected错误求解答

你遇到的"Identifier expected"错误是因为第4行的属性访问语法写错了——a.[userMessage]里的.是多余的，JavaScript/React里用方括号访问对象属性时，前面不能加句点。

根据userMessage的类型，有两种修正方式：

情况1：userMessage是变量（动态属性名） #

如果userMessage是一个用来动态指定属性名的变量，直接去掉多余的.即可：

list.map((a) =>
  <div>
      <p>{a[userMessage]}</p>
  </div>)

情况2：userMessage是固定属性名（字符串） #

如果userMessage是对象上固定存在的属性名，推荐用更简洁的点语法，或者用带引号的方括号写法：

点语法（优先选择） #

list.map((a) =>
  <div>
      <p>{a.userMessage}</p>
  </div>)

带引号的方括号写法 #

list.map((a) =>
  <div>
      <p>{a['userMessage']}</p>
  </div>)

内容的提问来源于stack exchange，提问作者Sade Kaye