如何在打字稿中创建动态数组？

Question

我想按以下格式在打字稿中创建一个动态数组

const display = [
    { id: 1, displayName: "Abc1" },
    { id: 2, displayName: "Abc2" },
    { id: 3, displayName: "Abc3" }
]

我尝试了以下代码

const [display, SetDisplay] = useState([])

function createData(id: number, name: string) {
    return { id, name };
}

SetDisplay(display.push(createData(1, "Abc1")))

但不能将数据推送到变量display中。 得到像这样的错误

Argument of type '{ id: number; result: string; }' is not assignable to parameter of type 'never'.

解决此问题的任何信息都会有所帮助。

Answer 1

你不应该直接改变状态。

您可以直接执行 setState 并解构以前的数组以添加新数据。

您也可以按以下方式输入您的 setState <{id: number; name:string}> <{id: number; name:string}>

 const [display,setDisplay] = useState<{id: number; name:string}>([]); function createData(id: number, name: string) { setDisplay((prev) => [...prev, { id, name } ]); }

Answer 2

将类型添加到useState ：

const [display,SetDisplay] = 
  useState<{id: number,name: string}[]>([]);