Question

main = mainWidget $
  el "div" $ do
    let fileInputConfig = FileInputConfig (constDyn Map.empty)
    fi <- fileInput fileInputConfig

    let uploads   :: Dynamic t [File]            = value fi
    upload        :: Dynamic t (Maybe File)      <- (return . fmap headMay) uploads
    getNameAction :: Dynamic t (Maybe (IO Text)) <- (return . fmap (getNameText <$>)) upload
    filename      :: Dynamic t (Maybe Text)      <- (return . fmap (unsafePerformIO <$>)) getNameAction

    el "div" $ dynText (show <$> filename)
  return ()
  where getNameText :: MonadIO m => File -> m Text
        getNameText = getName

我尽力使用类型连接点，但我没有使用unsafePerformIO找不到路径。我认为在这种情况下它是安全的，但显然还有其他类似的事情，你可能想要这样做是不安全的。

Answer 1

对于这样的事情，您通常需要performEvent。我手头没有编译器/ REPL来提供更多细节，而且这个函数隐藏在一些类型类hackery（https://github.com/reflex-frp/reflex/blob/9575a5660334fb8a617da1cd9aa1b522e8e4ddb7/src/Reflex/PerformEvent/Class.hs）后面，但它的要点是，如果你有一个携带{{的事件1}}，然后您可以在此事件发生的任何地方运行它。

现在，您已获得IO，但您可以

从中提取事件
也许它不需要是动态的（它没有意义，因为你不想查看Dynamic值）

如何消除此Reflex.Dom代码中的unsafePerformIO？

1 个答案: