如何详细改写AntDesign的Bug修复示例，使其成为长尾关键词？

本文共计1851个文字，预计阅读时间需要8分钟。

目录+引言+第一步、选择需要修复的Bug+第二步、准备工作+第三步、问题排查+第四步、问题修复+第五步、单元测试+第六步、提交Pull Request+总结+引言+我在工作中大量使用Ant Design，它为我提供了极大的便利。

目录

• 引言
• 第一步、选择要修复的Bug
• 第二步、准备工作
• 第三步、问题排查
• 第四步、问题修复
• 第五步、单元测试
• 第六步、提交Pull Request
• 总结

引言

我在工作中大量使用Ant Design，它为我省去了很多重复劳动，所以有空的时候，我也会为Ant Design做一些微小的贡献。

本文详细描述了我处理一个Ant Design的Bug全过程，文章内容较多但难度并不高，新手同学看完也可以尝试为Ant Design添砖加瓦！

第一步、选择要修复的Bug

Ant Design有不少Bug，你可以直接访问它的Issues，挑一个简单的问题尝试解决，需要注意的是，并不是所以Issue都是Bug，经过管理员确认过的Bug一般会打上Bug的标记。

这次我处理的问题是#37165。

第二步、准备工作

Fork ant-design仓库到自己的Github，回到自己的Github，将刚刚Fork的仓库克隆到本地，然后基于master分支新建一个bugfix分支，接着安装依赖，启动项目，然后就可以在开发环境访问Ant Design官网上所有的Demo，方便调试。