Elm img 属性参数过多

【问题标题】：Elm img attribute too many argumentsElm img 属性参数过多
【发布时间】：2020-07-11 20:17:12
【问题描述】：

我对 Elm 非常陌生，我遇到了一个让我无休止的问题。这是我的代码：

view : Model -> Html Msg
view model =
    img [src "Img1.png", width 300, height 300] []
    div []
        [ input [ onInput ChangeUserInput ] []
        , button [ onClick SaveText ] [ text "Save" ]
        , button [ onClick Clear ] [ text "Clear" ]
        , h1 [] [text model.userInput]
        ]

我收到的错误是

The `img` function expects 2 arguments, but it got 5 instead

我认为它会将 div 标签参数解析为 img 参数，但我不知道如何修复它。

【问题讨论】：

你导入了吗？你没有列出你的进口。
啊，是的，这是一个导入，但现在抱怨 img 标签需要两个参数并接收五个。不知何故，它将 div 参数解析为 img 参数。

标签： elm

【解决方案1】：

您的视图函数需要返回单个 HTML 元素。目前，您似乎正在尝试返回两个元素：img 和 div。 div 及其两个参数被选为img 的参数，因为您的代码中没有任何内容可供 Elm 用来识别要传递给 img 函数的参数列表的结尾。

您需要将它们都包装在包含它们的元素中，例如另一个div：

view : Model -> Html Msg
view model =
    div []
        [ img [ src "Img1.png", width 300, height 300 ] []
        , div []
            [ input [ onInput ChangeUserInput ] []
            , button [ onClick SaveText ] [ text "Save" ]
            , button [ onClick Clear ] [ text "Clear" ]
            , h1 [] [ text model.userInput ]
            ]
        ]

【讨论】：