Синтаксис для передачи реквизита компоненту без состояния

Я использую 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, которые передаются внутри моего компонента без сохранения состояния?


reactjs mobx mobx-react
person Mahmud Adam    schedule 25.06.2017    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я не использовал MobX, но соглашение для компонентов более высокого порядка (таких как inject и observer) таково: передавать любые реквизиты компонентам-оболочкам, поэтому в этом случае у вас должен быть доступ item вот так:

const CartItem = inject("cart")(observer (({cart, item}) => {
  return (
      <div></div>
   )
}))
person Michael Peyper    schedule 25.06.2017