Come ricaricare l'html di un widget dopo un aggiornamento dello stato

Come ricaricare l’HTML di un widget quando lo stato cambia

Nel codice sottostante, inizialmente lo stato è “none” e dopo il caricamento della pagina viene modificato in un nuovo stato, ma l’HTML cambia solo quando ci si clicca sopra. Come fare per aggiornarlo automaticamente quando lo stato viene aggiornato?

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)

});