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，但是高阶组件（例如inject和observer）的约定是pass any props on to the wrapped components，所以在这种情况下，你应该能够像这样访问item：

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

将props传递给无状态组件的语法

1 个答案: