Elm img 属性参数太多

Question

我对 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 参数，但我不知道如何修复它。

Answer 1

您的视图函数需要 return 单个 HTML 元素。目前看来您正在尝试 return 两个元素：img 和 div。 div 及其两个参数被选为 img 的参数，因为您的代码中没有任何 Elm 可以用来识别要传递给 [=11 的参数列表的末尾的内容=]函数。

您需要将它们都包裹在包含它们的元素中，例如，另一个 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 ]
            ]
        ]

Elm img 属性参数太多

Elm img attribute too many arguments

elm