2017-04-19 76 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 ...