2017-04-19 287 views
0

重命名React组件时,如何确保新名称在任何地方都能使用?如何重命名React组件_and_还有'imports'重构了吗?

E.g. OldComponent - >NewComponent

我目前使用的IDE(IntelliJ IDEA)只有部分完成这项工作。例如,它会留下与旧名称的变量import声明:

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

千万人一般避免JS重构,还是有解决方案/工具可以做到这一点? (或者做人流只是有点习惯了手动重构:d)

+1

我通常做一个区分大小写的所有文件替换为小写和大写。 95%的时间工作。 –

+0

感谢@MartinMazzaDawson - 我的一个组件被称为'Main',我相信它属于5%的组件,这对于(至少在我的代码库中Main代理在几处使用的)不起作用。 –

+0

是的,这是一个问题:) –

回答

-1

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

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

感觉更多或更少就像使用一个静态类型语言:d

0

我认为 + F6应该做的工作。它为所有匹配的情况进行了重命名。你也可以在上下文菜单中找到这个 - > Refactor - > Rename ...