如何使用“useState”在打字稿中？

Question

我如何在 Typescript 中做这样简单的事情？

const [text, setText] = useState("");

我遇到了很多错误，但我不知道如何修复它们。

Parameter 'text' implicitly has an 'any' type.ts(7006)
Parameter 'setText' implicitly has an 'any' type.ts(7006)
'useState', which lacks return-type annotation, implicitly has an 'any' return type.ts(7010)

Answer 1

正如 Jared Smith 建议的那样，您只需安装 @types/react 软件包即可带有

yarn add -D @types/react

or 的

npm install --save-dev @types/react

示例如果您的默认值与实际值的类型相同，则用法很简单，但如果您有多种可能的类型，则必须自己指定类型。 Fe 如果状态可以为 null 或字符串：

const [value, setValue] = useState<string | null>(null);

没有 类型注释，当您尝试使用以下命令将字符串设置为值时，您将收到错误

setValue("some string");