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

Question

我有一些这样的组件

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

我想重构为：

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

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

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

Answer 1

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