榆树的翻译模式是什么？

Question

在Elm git书中 ，描述了一种体系结构，其中子组件生成消息，这些消息通过主更新功能进行传播，最终由子组件中的适当更新功能处理。 转换器模式与此有何不同？每种模式的用例是什么？ 请提供一个简单的例子。

Answer 1

只要您具有带有update功能的嵌套“组件”，就需要确保父组件通过子Msgs和Cmds。 git书通过一个简单的示例对此进行了概述 （此代码在父代码中，而Widget是子代码）：

type Msg
  = WidgetMsg Widget.Msg

update message model =
  case message of
    WidgetMsg subMsg ->
      let
        ( updatedWidgetModel, widgetCmd ) =
          Widget.update subMsg model.widgetModel
      in
        ( { model | widgetModel = updatedWidgetModel }, Cmd.map WidgetMsg widgetCmd )

以上将是必要的任何时候孩子有一个update的功能。 但是，在上面的示例中，父级从不知道或不在乎正在向该子级传递哪些子级消息。

但是现在，考虑父母需要了解孩子产生的Msg的情况。 例如：一个游戏，其中嵌套的子组件需要与父组件通信，该游戏会丢失。

当父组件需要对子更新功能返回的消息做出反应时， 翻译器模式很有用。 这是链接示例中更新功能的基本结构：

GameMsg internalMsg -> 
  let
    (game_, cmd) 
       = Game.update internalMsg model.game
  in
    { model | game = game_ } ! [ Cmd.map gameTranslator cmd ]

注意，它看起来很像早期的update示例。 的主要区别在于，而不是映射Cmd直接盲父Msg （ 盲 ，所述单个WidgetMsg第一示例仅围绕子传递的Msg ），则gameTranslator映射函数允许你映射到父消息之一。

完整阅读《 翻译人员模式博客》可能会有所帮助。 它是为Elm 0.17编写的，因此对语法进行了一些更改，但总体思路仍然成立。