reactjs - 在 react typescript tsx 文件中声明数组会给出“错误 TS1109：预期表达式”

Question

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

“错误 TS1109：预期表达式”

  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>
    )
  }