我可以在React和TypeScript中使用第三方库吗？

Question

我正在尝试使用React设置一个新项目，并正在考虑用TypeScript替换PropType。

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

例如：

• 在TypeScript + React中使用Redux（或react-redux）
• 发布集成不是用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 。

Answer 2

好吧，只要您需要安装react-redux类型，就可以将react redux与typescript一起使用：

npm install @types/react-redux

和react-bootstrap的类型：

npm install  @types/react-bootstrap

但是FormControl和Button事件仍然存在一些问题！

Answer 3

有一个名为DefinitelyTyped的开源组织，负责将类型添加到默认情况下不是TS的所有那些库中。

如果您使用的是react-redux，则可能需要以这种方式安装@types/react-redux。

npm install @types/react-redux --dev

检查Github中的组织：

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-redux

这只是一个例子，他们为不同的库提供了数百种类型的包。