在 react typescript tsx 文件中声明数组给出 "error TS1109: Expression expected"

Question

当我尝试在 React（但使用打字稿）tsx 文件中声明数组时，我收到错误消息：

"error TS1109: Expression expected"

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

Answer 1

您的代码 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>
    )
  }