كيفية إعادة تحميل عنصر واجهة مستخدم html بعد تحديث الحالة

كيفية إعادة تحميل 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)

});