javascript - 如何在所有文件中重命名 React 组件道具？

Question

我有一些像这样的组件

const Component = ({ oldPropName }) => ...

我想重构为：

const Component = ({ newPropName }) => ...

我希望所有oldPropName文件中出现的所有这种情况都会自动更改。有没有办法用 VSCode 做到这一点？

基本上可以提出相同的问题，即如何在不考虑 React 组件的情况下跨文件重命名解构函数参数。

标签： javascriptreactjsvisual-studio-code

Answer 1

您可以右键单击oldPropName，应该有一个“重命名符号”选项，或者您可以使用 F2。某些语言支持跨文件重命名符号。按 F2，然后键入所需的新名称并按 Enter。符号的所有用法都将跨文件重命名。