请说明在 React 项目中实施静态类型检测的具体方法，包括常用工具及其使用方式。

回答思路

1. 【回答框架 1】静态类型检测主要依靠 TypeScript，它通过类型注解在编译期检查变量、函数参数及返回值，能提前发现类型错误并提升代码可维护性。在 React 项目中，通常配置 tsconfig.json 来管理编译选项，例如开启 strict 模式以获得更严格检查。
2. 【回答框架 2】除了 TypeScript，还可使用 ESLint 配合 typescript-eslint 插件进行代码规范与类型相关规则的检查，常用规则包括禁止隐式 any、要求显式返回类型等。此外，可引入 PropTypes 作为运行时类型检查补充，但主要类型检查仍以 TypeScript 为主。
3. 【回答框架 3】对于组件类型，React 提供 React.FC 或更精确的 Props 类型定义，可使用 interface 或 type 描述 props 和 state。在事件处理、hooks（如 useState、useReducer）中也需标注类型，以保证数据流安全。集成时，可在构建工具（如 webpack 或 Vite）中配置 babel 或 ts-loader，并设置类型检查命令（如 tsc --noEmit）。
4. 【回答框架 4】为提升开发体验，可在编辑器（如 VSCode）中启用 TypeScript 语言服务，实现实时错误提示。同时，在持续集成流程中加入类型检查脚本，避免类型错误流入生产。对于第三方库，若无类型定义，可安装 @types 包或自定义声明文件（.d.ts）。
5. 【关键点 1】TypeScript 是 React 静态类型检测的核心，通过类型注解和编译期检查防止错误。
6. 【关键点 2】tsconfig.json 中开启 strict 模式能增强类型检查强度。
7. 【关键点 3】结合 ESLint 与 typescript-eslint 可检查代码规范及类型相关问题。
8. 【关键点 4】组件 props 和 state 需显式定义类型（如 interface 或 type）。
9. 【关键点 5】在 CI 中执行 tsc --noEmit 可确保类型安全。
10. 【易错点 1】仅依赖 PropTypes 无法进行完整的静态类型检查，它只是运行时验证。
11. 【易错点 2】忽略 tsconfig.json 的 strict 配置会导致检查过于宽松，降低安全性。
12. 【易错点 3】第三方库缺失类型时，若不加声明文件，可能掩盖类型隐患。