State Map

之前我们知道可以使用组合避免重复执行相同的东西这样一种重复模式。我们可以把执行和传递 state 逻辑挪动到被复用很多的低层级的函数中去。

  1. function FancyBoxWithState(
  2.   children,
  3.   stateMap,
  4.   updateState
  5. ) {
  6.   return FancyBox(
  7.     children.map(child => child.continuation(
  8.       stateMap.get(child.key),
  9.       updateState
  10.     ))
  11.   );
  12. }
  14. function UserList(users) {
  15.   return users.map(user => {
  16.     continuation: FancyNameBox.bind(null, user),
  17.     key: user.id
  18.   });
  19. }
  21. function FancyUserList(users) {
  22.   return FancyBoxWithState.bind(null,
  23.     UserList(users)
  24.   );
  25. }
  27. const continuation = FancyUserList(data.users);
  28. continuation(likesPerUser, updateUserLikes);