Syntax zum Übergeben von Requisiten an zustandslose Komponente

Question

Ich verwende inject und observer in einer statusfreien Komponente und ich bin verwirrt über die Syntax für die Weitergabe einiger der Requisiten von der übergeordneten Komponente. Hier ist die übergeordnete Komponente:

<MenuItem> 
     {cart.getItemsInCart.map((item, index) => { 
       return <CartItem key={index} 
           item={item} 
        /> 
       })} 
</MenuItem> 

Hier wird das Kind Komponente CartItem:

const CartItem = inject("cart")(observer (({cart}) => { 
    return (
     <div></div> 
    ) 
})) 

Wie greife ich auf die item Requisiten in meiner staatenlos Komponente weitergegeben werden?

Answer 1

Ich habe nicht MobX, aber die Konvention für die Komponenten höherer Ordnung (wie inject und observer) ist zu pass any props on to the wrapped components, so in diesem Fall verwendet werden, sollten Sie in der Lage sein item zugreifen wie so:

const CartItem = inject("cart")(observer (({cart, item}) => { 
    return (
     <div></div> 
    ) 
}))