React中移除布尔型Props的={true}写法是否安全？

绝对不能盲目批量删除所有={true}，这么做大概率会踩坑，常见的风险场景有这些：

• 组件内部把布尔Prop当成字符串判断
  有些老项目或第三方组件的逻辑写得不严谨，比如内部判断props.isActive === 'true'（字符串），而不是布尔值的true。你把<Employee isActive={true} />改成<Employee isActive />后，组件拿到的是布尔值true，和字符串'true'不匹配，直接导致逻辑走不通。

• 组件Prop不是纯布尔类型
  如果组件的Prop定义支持混合类型（比如boolean | string），比如某些组件允许传入'active'字符串或布尔true来标识状态，要是你之前的={true}是符合组件要求的合法传参，改成简写后虽然还是布尔true没问题，但如果组件内部有特殊处理（比如把布尔值转成对应字符串），万一处理逻辑有bug，也可能出问题。更糟的是，如果组件期望的是字符串'true'，那不管是={true}还是简写都会出错，但批量修改不会解决这个问题，反而可能掩盖原有问题。

• 第三方组件库的特殊处理
  部分早期的第三方组件库对布尔Prop的简写支持不好，比如有些组件会把无值的Prop识别成undefined，而不是true，这时候你去掉={true}后，组件会用默认值（比如false），直接导致功能异常。

• 组件依赖Prop的存在性而非值
  虽然少见，但有些组件会通过'isActive' in props来判断用户是否传了这个Prop，而不是判断Prop的值。不过这种情况下去掉={true}后，Prop依然存在，值还是true，一般不会有问题，但如果组件内部逻辑是if (props.isActive === true)和if ('isActive' in props)混合使用，也可能出现预期外的逻辑分支。

正确的做法是：不要批量替换，而是用ESLint这类工具的规则（比如react/jsx-boolean-value）来逐个检查修改，同时在修改后跑一遍全量测试，确保没有逻辑错误。

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