Parametr metody: destructuring + zachowywanie oryginalnego parametru (komponent ReactJS)

Question

Czy istnieje sposób na uzyskanie destrukcji parametrów metody, ale także możliwość pobrania parametru metody.

W kontekście aplikacji reagować ze składnikami bezpaństwowców, chciałbym być w stanie zastąpić

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

ze składnią bardziej zwięzły jak

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

Czy istnieje składni tak dostępny?

Answer 1

mamy to:

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

Answer 2

Jeśli zdefiniować jako składnik function, można użyć arguments obiektu:

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