如何在 purescript 中鏈接操作（或者在渲染后延遲操作）

Question

我目前正在學習鹵素，但我很難找到如何鏈接動作。 假設我有一個簡單的文章列表組件。 我還有一個“添加”按鈕來創建要在列表中適當編輯的新文章。

我的方法是將AddArticle操作綁定到按鈕的onClick操作。 在handleAction function 中，我將在文章列表model 的末尾添加一個新的空文章。 然后我想滾動到這篇新創建的文章。 那就是我迷路的地方。 要滾動到這篇新創建的文章，我必須有一個新文章的引用，但它還沒有被重新編輯。 所以這是一個確切的問題：

我如何鏈接創建新文章的兩個效果（修改_組件的modify_ ）和滾動到這個新創建的元素？

Answer 1

在 Halogen 中，每當您修改組件的 state 時，它都會立即重新渲染。 Halogen 不會嘗試對批處理渲染或類似的東西做任何聰明的事情，因此對於這種情況，行為是可預測且可靠的。

因此，在這里，您將按照您描述的方式編寫它，幾乎是：

handleAction = case _ of
  AddArticle -> do
    H.modify_ ?addArticle
    ref <- H.getHTMLElementRef ?refName
    H.liftEffect (?scrollTo ref)