reactjs - 我可以将第三方库与 React 和 TypeScript 一起使用吗？

Question

我正在尝试使用 React 建立一个新项目，我正在考虑用 TypeScript 替换 PropTypes。

但我想知道我是否会遇到集成问题。

例如:

• 将 Redux(或 react-redux)与 TypeScript + React 结合使用
• 集成不是使用 TypeScript 创建的组件的问题
• react-bootstrap 等库的问题

我主要关心的是从 TypeScript 导入非 TypeScript 代码。

对此有任何线索或经验吗？

Answer 1

您可以在 Typescript 项目中导入 Javascript 库。不幸的是，我一直这样做。一些库具有社区类型的类型，您可以通过运行 npm i @types/mypackage --dev 进行安装。

否则，您将不得不为包创建一个空的 TS 模块声明:

按照惯例，在您的 src 目录中的某处创建一个名为 mypackage.d.ts 的文件。 (我一般放在src/types/)

mypackage.d.ts 应该包含 declare module "mypackage";

现在，无论您从 mypackage 导入什么，都将具有 any 类型。