Phoenix LiveView 表單提交，清除/重置輸入值

Question

我創建了我在 LiveView 組件中處理的這個簡單表單。 提交此表單后，社區清除/重置表單的最佳做法是什么？

我確實想考慮驗證等。 這是否總是通過 Ecto.Changeset，即使沒有模式直接支持表單？

  def handle_event("add", %{"text" => text}, socket) do
    IO.inspect(text)
    {:noreply, socket}
  end

  def render(assigns) do
    ~H"""
    <form phx-submit="add">
      <input type="text" name="text" placeholder="What needs to be done?" autofocus>
      <input type="submit" />
    </form>
    """
  end

Answer 1

LiveView 應該在提交后自動重置輸入字段，但這可能是 Ecto 唯一的事情。 如果你想清除輸入，你也可以為此編寫一個 JS 鈎子。 這很簡單。

您始終可以使用 flash 消息將用戶重定向到某個地方以獲得更好的用戶體驗。