如何在状态更新后重新加载 widget 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) => {
      name = "new state";
    });
    return {
      name: "none",
    };
  },

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