方法參數：解構+保留原始參數（ReactJS組件）

Question

有什麼辦法可以實現方法參數解構，還可以獲取方法參數。

與無狀態組件的應用程序作出反應的情況下，我希望能夠用更簡潔的語法來代替

const MyComponent = (props) => { 
    const {prop1, prop2} = props; 
    return (
    <div className={prop1 + '-' + prop2}> 
     <Child {...props}/> 
    </div> 
) 
} 

像

const MyComponent = (props: {prop1, prop2}) (
    <div className={prop1 + '-' + prop2}> 
    <Child {...props}/> 
    </div> 
) 

是否有任何語法一樣，可用？

Answer 1

，我們有這樣的：

const MyComponent = ({ prop1, prop2, ...rest }) (
    <div className={prop1 + '-' + prop2}> 
    <Child prop1={prop1} prop2={prop2} {...rest} /> 
    </div> 
) 

Answer 2

如果你定義組件爲function，你可以使用arguments對象：

function MyComponent({ prop1, prop2 }) (
    <div className={prop1 + '-' + prop2}> 
    <Child {...arguments[0]}/> 
    </div> 
)