Wie man ein Widget-HTML nach einem Zustandsupdate neu lädt

Entwickler
1

So laden Sie das HTML eines Widgets neu, wenn sich der Zustand im folgenden Code ändert: Anfangs ist der Zustand ‘none’, und nachdem die Seite geladen wurde, ändert er sich in einen neuen Zustand. Das HTML wird jedoch nur aktualisiert, wenn ich darauf klicke. Wie kann ich es automatisch aktualisieren, wenn sich der Zustand ändert?

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)

});