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

Question

我在无状态组件中使用 inject 和 observer，我对从父组件传递一些 props 的语法感到困惑。这是父组件：

 <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 传递给无状态组件的语法

Syntax for passing props to stateless component

reactjs

mobx

mobx-react