如何重命名React组件_and_也重构了'imports'?

时间:2017-04-19 08:46:57

标签: javascript reactjs intellij-idea ecmascript-6 refactoring

重命名React组件时,如何确保在任何地方都使用新名称?

E.g。 OldComponent - > NewComponent

我目前正在使用的IDE(IntelliJ IDEA)只能完成这项工作。例如,它将在import语句中保留旧名称的变量:

import OldComponent from 'components/NewComponent.jsx'
...
<OldComponent />

人们通常会避免在JS中进行重构,还是有解决方案/工具可以做到这一点? (或者人们只是习惯于手动重构?:D)

2 个答案:

答案 0 :(得分:0)

我认为 Shift + F6 应该可以胜任。它为所有匹配的案例重命名。你也可以在上下文菜单中找到它 - &gt;重构 - &gt;重命名...

答案 1 :(得分:-1)

就我个人而言,解决方案是使用TypeScript。

IntelliJ对TypeScript具有令人难以置信的静态类型检查(和重构)支持。

感觉或多或少像使用静态类型语言:D