Zendesk / ZAF v2 - 加载视图第二次无效

Question

我正在尝试使用ZAF V2并遇到一些问题，我正在使用app脚手架：https://github.com/zendesk/app_scaffold。过去几天我一直在寻找文档和教程，没有运气。

我有两个文件：from.hdfs

<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

可能发生的事情是，触发的click事件会像您期望的那样呈现页面，但随后表单将提交到空白页面。您还需要避免表单呈现。

这是一个“花式世界”风格的应用程序。最有可能一旦你开始实际构建一个有用的应用程序，你不会像这样构建它:)