通量:用于设置存储监听器的高阶组件

Question

在本文米辛死了。万岁构图之后，我已经设置了一个宠物组件，侦听宠物和所有者存储用户一个更高级的组件。但是如何将owner_id从宠物资源传递到connectToStores呢？这仅仅是一种混合剂更优越的情况吗？

Pet = connectToStores(Pet, [PetStore, OwnerStore], (props) => {
  return {
    pet   : PetStore.getOne(props.id),
    owner : OwnerStore.getOne(ownerId), // this should come from pet.owner_id                                        
  };
}); 

Answer 1

PetStore.getOne同步吗？只需将结果赋值给一个变量。

Pet = connectToStores(Pet, [PetStore, OwnerStore], (props) => {
  var pet = PetStore.getOne(props.id);

  return {
    pet   : pet,
    owner : OwnerStore.getOne(pet.owner_id),    
  };
});

如果它不是同步的，那么您的存储将需要发出一个更改事件，以便在宠物可用时使组件重新呈现。组件还需要以某种方式处理宠物不可用的问题。

Pet = connectToStores(Pet, [PetStore, OwnerStore], (props) => {
  var pet, loaded, owner;

  pet = PetStore.getOne(props.id);
  if (pet) {
    loaded = true;
    owner = OwnerStore.getOne(pet.owner_id);
  } else {
    loaded = false;
    owner = null;
  }

  return {
    pet    : pet,
    owner  : owner,
    loaded : loaded
  };
});