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