小编Asn*_*cas的帖子

如何在传递空数组时将 useState 与 Typescript 结合使用

我正在尝试将 JSX 代码转换为打字稿(TSX),并且在使用useState挂钩时难以传递接口。我想要的只是在我的状态下有一个空数组接口,并且在更新时我将对象一一推送到数组中。

我在更新计数时收到类型错误“‘any[]’类型的参数不可分配给‘SetStateAction’类型的参数。‘any[]’类型不可分配给‘(prevState: IData) => IData”类型.类型“any[]”与签名“(prevState: IData): IData”不匹配

这是我所做的代码:

样本.tsx

const interface IData {
id: number
value: string
}
const Sample = () => {

let [count, setCount] = useState<IData>([]);       <------------ Want to know how to pass the blank interface or Array and also how to update interface once values are pushed to the Array

const addCount = () => {
    setCount([...count, {
        id: count.length,
        value: 'Condition ' + count.length      
    }])
}

const handleRemove = (id:number) => { …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-hooks

6
推荐指数
1
解决办法
8295
查看次数

标签 统计

react-hooks ×1

reactjs ×1

typescript ×1