Methodenparameter: Destrukturierung + Originalparameter beibehalten (ReactJS-Komponente)

Question

gibt es eine Möglichkeit, Methodenparameter-Destrukturierung zu erreichen, aber auch Methodenparameter abrufen zu können.

Im Rahmen einer React Anwendung mit staatenlos Komponenten, würde Ich mag Lage seines

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

mit einer prägnanten Syntax zu ersetzen wie

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

Gibt es eine Syntax wie die verfügbar?

Answer 1

haben wir diese:

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

Answer 2

Wenn Sie Ihre Komponente als function definieren, können Sie arguments Objekt verwenden:

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