Reaction中破坏道具的不同方式 [英] Different ways of destructuring props in react

问题描述

我在Reaction中看到了两种破坏道具的方法。

    function MyComponent({name,age,height}){
            // do stuff here
    }

或

    function MyComponent(props){
            const {name,age,height} = props
            // do stuff here
    }

假设此组件用作

<MyComponent name="bob" age={25} height = {175} haspets={false}/>

以下是我的问题：

如果我使用第一种解构方式，是否意味着我将无法访问其他专业人员，在这种情况下haspets

这两种方式的优缺点是什么？

推荐答案

如果您从函数参数中解构道具，以后将无法访问其他props**，因此您的假设是正确的。然而，就性能和其他利弊而言，这些形式几乎是相同的。我碰巧喜欢这种方式，因为我喜欢在我的文件中尽可能少地附加变量声明。对于需要大量道具的功能来说，这可能是一项痛苦的工作。

**除非您使用扩散运算符并将它们存储在单独的变量中。

这篇关于Reaction中破坏道具的不同方式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！