代码之家 › 专栏 › 技术社区 › Mahmud Adam

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

mobx-react mobx reactjs

2

Mahmud Adam · 技术社区 · 8 年前

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

1 回复 | 直到 8 年前

1

3

Michael Peyper 8 年前

我没有使用MobX,但使用了高阶组件的约定(例如 inject observer pass any props on to the wrapped components item 像这样:

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

推荐文章

Nespony · 安慰日志打印两次,映射在reactjs/mobx项目中不起作用

8 年前

greW · 传递mobx react form对象作为道具

8 年前

TyForHelpDude · “@observer”属性做什么?

8 年前

Kevin · 反应路由器链接更改URL但不重新发送

8 年前

Xero · 将具有属性的数组映射到具有不同属性的数组

8 年前

Mahmud Adam · 将道具传递给无状态组件的语法

8 年前