问用rest属性破坏道具

EN

据我所知，这个{...props}和{prop1, prop2, prop3}是一样的

在声明一个无状态功能组件时，使用析构很方便，这样您就不必不断地键入props.prop1, props.prop2等等。然而，当您有10+道具时，您需要传递给您的子组件，事情会变得非常难看，所以我想我可以使用扩展操作符来分解我的道具对象！

基于{...props}与{prop1, prop2, prop3}本质相同的思想，我希望下面的代码能够工作，但我得到了一个prop1 is undefined错误

const Component = ({...props}) => {
    return (
        <div>
            {prop1}
        </div>
    )
}

我想做的事有可能吗？我在网上找不到任何例子，但如果有一种方法可以在不显式列出每个道具的情况下分解道具对象，那就太棒了！

编辑:请理解我知道如何正确地访问道具对象的属性。更仔细地阅读我的问题，我正在尝试扩展props对象中的所有属性，类似于显式地声明它们的示例：

const Component = ({prop1, prop2, prop3}) => {
    return (
        <div>
            {prop1}
        </div>
    )
}

我希望它的行为与使用{...props}初始化组件的行为相同