抽丝剥茧拆钻探，React重构显身手

1问题

想象你开了一家连锁咖啡店，总店在市中心。你需要把“今日特调菜单”告诉每个门店的员工。最笨的办法是：店员A记下来，打电话给区域经理B，B再发给主管C，C最后才转告一线服务员D。中间每传一人，信息就可能漏一个字、错一个数。在写 React 前端代码时，这就是所谓的“属性钻探”。数据从顶层组件层层往下传，像钻地一样穿过中间所有无关的组件，只为了到达最需要它的那个底层小部件。

这不仅是麻烦，更是灾难。如果顶层改个名字，下面十层都得跟着改；如果想加个新功能，还得把所有中间层的接口都扩一遍。这种代码闻起来就是股烂味道（Code Smell），React 官方文档也明确警告别这么干。但问题是，成千上万的开源项目里到底有多少这种烂代码？它们有多复杂？能不能靠机器自动把它们修好？没人系统性地回答过这些问题。直到这篇论文出现。

2翻译

作者团队做了一把叫