使用Expo开发React Native，是否必须验证Props？

首先明确：不是必须验证所有Props，不做验证应用确实能正常运行，但需要权衡两种方案的利弊：

1. PropTypes的本质作用 #

PropTypes是React官方提供的开发阶段类型校验工具，仅在开发环境生效，生产环境下相关代码会被自动移除，所以不添加验证完全不会影响应用的生产运行。它的核心价值是：

• 开发时快速发现props传参错误（比如传了字符串却需要数字、漏传必填项），避免出现难以排查的运行时bug
• 明确组件的参数要求，提升代码可读性，团队协作时能让其他开发者快速理解组件的依赖
• 对于route这类React Navigation自动注入的props，添加验证能让组件的依赖关系更清晰

2. 两种可选方案 #

方案一：添加PropTypes验证 #

适合中大型项目或团队协作场景，能长期提升代码质量。你已经知道基础写法，针对大量错误可以批量处理：

• 对通用组件优先补全类型，高频使用的组件先做校验
• 可以结合eslint-plugin-react的自动修复功能（部分场景支持），减少手动编写量

示例代码：

import PropTypes from "prop-types";

const App = ({ route }) => {
  // 组件逻辑
};

App.propTypes = {
  route: PropTypes.object.isRequired,
};

方案二：屏蔽ESlint的react/prop-types错误 #

适合个人小项目、快速原型开发，完全不会影响应用功能，操作方式有两种：

• 全局屏蔽：在项目根目录的ESlint配置文件（如.eslintrc.js）中修改规则：

  module.exports = {
    // 其他配置项...
    rules: {
      "react/prop-types": "off"
    }
  };
  

• 局部屏蔽：在单个文件或特定行禁用规则：

  // 禁用整个文件的规则
  /* eslint-disable react/prop-types */
  
  // 禁用某一行的规则
  const App = ({ route }) => { /* eslint-disable-line react/prop-types */
    // 组件逻辑
  };
  

额外建议 #

如果觉得PropTypes不够灵活，也可以直接改用TypeScript开发React Native应用——Expo对TS有完善的支持，TypeScript能提供更全面的静态类型检查，从根源上替代PropTypes的作用，同时还能提升整个项目的代码健壮性。

内容的提问来源于stack exchange，提问作者server_unknown