AntD InputNumber组件controls属性本地不生效 CodeSandbox正常问题求助

• 版本兼容性问题
  controls 是 Ant Design v4.17.0 版本才新增的 InputNumber 组件属性，若本地项目安装的 antd 版本低于该版本，属性会无法识别。你可以对比本地 package.json 中的 antd 版本与测试环境的版本，若本地版本偏低可执行升级命令：

# 升级到最新稳定版
npm install antd@latest
# 升级到指定兼容版本
npm install antd@^4.17.0

注意跨大版本升级（如v4升v5）前需要提前处理兼容性适配问题。

• 二次封装透传遗漏
  如果你的项目对 InputNumber 做了自定义二次封装，需要检查封装逻辑是否遗漏了 controls 属性的透传，需要将外部传入的所有属性完整传递给原生 Ant Design InputNumber 组件，或显式声明 controls 为接收属性。
• 全局样式覆盖
  检查项目全局样式是否存在针对 InputNumber 控制按钮的隐藏规则，比如类似 .ant-input-number-handler-wrap { display: none; } 的样式，会导致属性生效后控制按钮仍然不可见，可通过浏览器开发者工具检查对应 DOM 元素的样式规则确认。
• 属性传值错误
  确认属性拼写正确，且传入值为布尔类型：正确写法为 <InputNumber controls={false} />，若误写为字符串形式 controls="false" 或拼写为 control（少末尾s）都会导致属性不生效。

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