ステートレスコンポーネントに小道具を渡すための構文

Question

ステートレスコンポーネントにinjectとobserverを使用しています。親コンポーネントからいくつかの小道具を渡すための構文については混乱しています。ここでは、親コンポーネントは次のとおりです。

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

ここでは、子コンポーネントCartItemです：

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

私はitem小道具が私のステートレスなコンポーネント内に受け継がれているアクセス方法を教えてください。

Answer 1

私はMobXを使用していないが、この場合には、あなたがそうのようなitemにアクセスすることができるはずですので、高次成分（例えばinjectやobserver）のための規則は、pass any props on to the wrapped componentsにある：

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