css - 如何构造一个 map 文本文本对象？

Question

我是 Haskell 的新手，我正在尝试使用名为 Reflex.Dom 的库构建一个简单的网站，层叠样式表 (CSS) 表示为 Map Text Text 对象，即很好，但是 Haskell 区分了三个几乎相同的对象:

• 字符串
• 文本
• [字符]

当然，在 Python 或 JavaScript 中，它们是相同的或几乎相同的，函数可以在一个对象和另一个对象之间互换使用。在 Haskell 中不是这样。

 "style" =: pack("color:red")

怎么样

 "style" =: pack("color:red; font-family: Helvetica;")

如果我添加另一个样式元素，我会收到一条错误消息:

square-01.hs:6:47:
    Couldn't match type ‘Text’ with ‘[Char]’
    Expected type: String
      Actual type: Text
    In the second argument of ‘(=:)’, namely ‘pack ("color:red")’
    In the second argument of ‘elAttr’, namely
      ‘("style" =: pack ("color:red"))’

这是 Prelude 的一些内容，但我不太明白。

Prelude Reflex.Dom Data.Text Data.Map> "a" =: pack("b")
fromList [("a","b")]

Prelude Reflex.Dom Data.Text Data.Map> :t "a" =: pack("b")
"a" =: pack("b") :: Map [Char] Text

Prelude Reflex.Dom Data.Text Data.Map> "a" =: "b"
fromList [("a","b")]

Prelude Reflex.Dom Data.Text Data.Map> :t "a" =: "b"
"a" =: "b" :: Map [Char] [Char]

Prelude Reflex.Dom Data.Text Data.Map> :t (=:)
(=:) :: k -> a -> Map k a

Answer 1

您可以查看存储库 https://github.com/hansroland/reflex-dom-inbits .

要获得问题的答案，请参阅 src 目录中的示例 dom03.hs 和 dom04.hs。

文件 tutorial.md 包含对 reflex-dom 初学者友好的介绍并解释了示例。该教程仍在进行中。