首页 > 解决方案 > 在 react typescript tsx 文件中声明数组会给出“错误 TS1109:预期表达式”

问题描述

当我尝试在 React(但使用打字稿)tsx 文件中声明一个数组时,我收到错误消息:

“错误 TS1109:预期表达式”

  public render() {
    return (
      <div>
        {  var nums:number[] = [1,2,3,3]  }  // ERROR HERE
      </div>
    )
  }

标签: reactjstypescripttsx

解决方案


您的代码var nums:number[] = [1,2,3,3]不是表达式。这是一个声明。

一个表达式是[1,2,3,3].

考虑它的简单方法

任何可以分配给变量的东西都是表达式。你不会这样做:

const foo = var nums:number[] = [1,2,3,3]; // ERROR `var nums:number[] = [1,2,3,3]` is not an expression

声明的解决方法

用 JSX 来做,例如

public render() {
    var nums:number[] = [1,2,3,3]
    return (
      <div>
        {  nums[0]  }
      </div>
    )
  }

推荐阅读