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