Reducer

  • Reducer 是一个上下文无关的 pure function。它接收下面的参数
    • T state
    • Action action
  • 它主要包含三方面的信息
    • 接收一个“意图”， 做出数据修改。
    • 如果要修改数据，需要创建一份新的拷贝，修改在拷贝上。
    • 如果数据修改了，它会自动触发 State 的层层数据的拷贝，再以扁平化方式通知组件刷新。
  • 示例代码
  1. /// one style of writing
  2. String messageReducer(String msg, Action action) {
  3.   if (action.type == 'shared') {
  4.     return '$msg [shared]';
  5.   }
  6.   return msg;
  7. }
  9. class MessageComponent extends Component<String> {
  10.     MessageComponent(): super(
  11.             view: buildMessageView,
  12.             effect: buildEffect(),
  13.             reducer: messageReducer,
  14.         );
  15. }
  1. /// another style of writing
  2. Reducer<String> buildMessageReducer() {
  3.   return asReducer(<Object, Reducer<String>>{
  4.     'shared': _shared,
  5.   });
  6. }
  8. String _shared(String msg, Action action) {
  9.   return '$msg [shared]';
  10. }
  12. class MessageComponent extends Component<String> {
  13.     MessageComponent(): super(
  14.             view: buildMessageView,
  15.             effect: buildEffect(),
  16.             reducer: buildMessageReducer(),
  17.         );
  18. }

推荐的是第二种写法