Zendesk/ZAF v2 - 加載視圖第二次不能正常工作

Question

我正在嘗試使用ZAF V2並遇到一些問題，我在使用應用程序腳手架：https://github.com/zendesk/app_scaffold。過去幾天我一直在看文檔和教程，但沒有運氣。

我有兩個文件： form.hdbs

<form id="myForm"> 
    <label for="name" class="sr-only">Name</label> 
    <input type="name" class="form-control" id="name" placeholder="Name"> 
    <button class="btn" id="sendBtn">Submit</button> 
</form> 

Hello {{name}} 

和index.js：

import ZAFClient from 'zendesk_app_framework_sdk'; 
import View from 'view'; 

var client = ZAFClient.init(); 
const view = new View(); 

view.switchTo('form'); 

$('#sendBtn').on('click', function (e) { 
    e.preventDefault(); 
    var name = $("#name").val(); 
    view.switchTo('form', { 
     name: name 
    }); 
}); 

我第一次運行該應用程序，並鍵入一個名稱/提交，視圖重新加載，並且消息顯示Hello xxx，第二次輸入名稱並點擊提交時，應用程序變爲空白，控制檯中沒有錯誤。

有沒有人遇到過這個問題？

任何洞察力，非常感謝。

Answer 1

可能發生的是，觸發的點擊事件按照您的預期渲染頁面，但隨後表單將提交到空白頁面。您還需要避免表單呈現。

這是一個「花式的你好世界」風格的應用程序。很可能一旦你開始真正建立一個有用的應用程序，你不會像這樣建立它:)