我可以在 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 模块声明：

按照惯例，在您的目录中的某处创建一个名为mypackage.d.ts的文件src。（我通常把它放在src/types/）

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

现在，无论您从mypackage导入什么，都将键入any。