如何在React组件中更改道具名称?

Question

假设我想让我的组件的消费者给我这个道具:

<MyComponent
firstProp='first value'
secondProp='second value'
/>

在我的组件中有一个内部状态，叫做firstProp。

我知道我既可以改变内部状态的名称，也可以改变道具的名称。

但这是一个简单的例子。实际上在我们的代码有一个巨大的依赖和组件的层次结构,对我们来说是不容易改变的名字。

我想知道我是否有可能将我在组件中收到的firstProp的名称更改为其他内容?

Answer 1

在消费者组件中:

const {firstProp:yourPrefferedName} = props