ステート更新後にウィジェットのHTMLをリロードする方法

開発
1

ウィジェットの HTML を、状態が変更されたときに自動的に再読み込みするにはどうすればよいでしょうか？以下のコードでは、初期状態で状態は「none」ですが、ページが読み込まれた後に新しい状態に変わります。しかし、HTML はクリックしたときのみ変更されます。状態が更新されたときに自動的に更新するにはどうすればよいでしょうか？

const h = require("virtual-dom").h;

api.createWidget("my-first-widget", {
  tagName: "div.navigationBar",
  buildKey: () => 'increment-button',

  defaultState() {
    api.onPageChange((url, title) => {
      this.name = "new state";
    });
    return {
      name: "none",
    };
  },

  html(attrs, state) {
    return h('h1', state.name);
  }
});