【Typescript】项目编译没问题，eslint检查时报错：‘xxx‘ is missing in props validation react/prop-types

这个错误通常意味着在React组件中使用了某个prop，但是在组件的props验证中没有声明这个prop。在TypeScript项目中，虽然TypeScript可以提供类型检查，但ESLint的react/prop-types规则仍然会要求你对props进行验证。

为了解决这个问题，你有几个选项：

1. 使用PropTypes进行验证：
   即使你的项目是TypeScript项目，你仍然可以使用PropTypes来明确声明组件的props，以满足ESLint的规则。例如：

   import PropTypes from 'prop-types';
   
   MyComponent.propTypes = {
     xxx: PropTypes.string.isRequired,
     // 其他props的声明...
   };

2. 禁用react/prop-types规则：
   如果你认为TypeScript的类型检查已经足够，并且不想使用PropTypes，你可以在ESLint配置中禁用react/prop-types规则。在你的.eslintrc文件或ESLint配置部分中添加以下内容：

   "rules": {
     "react/prop-types": "off"
   }

3. 使用TypeScript接口声明props，并结合@typescript-eslint：
   如果你更倾向于依赖TypeScript的类型系统，确保你安装了@typescript-eslint/parser和@typescript-eslint/eslint-plugin，并在ESLint配置中使用它们。这样，你可以使用TypeScript接口来声明props的类型，而ESLint将使用@typescript-eslint插件来理解这些类型。

选择哪种方法取决于你的项目需求和团队偏好。如果你想要保持与JavaScript React项目的兼容性，或者你的团队习惯于使用PropTypes，那么选项1可能是个好选择。如果你完全信任TypeScript的类型检查，并且想要减少冗余代码，那么选项2或3可能更适合你。