如何从帮助程序脚本导入的变量更改上重新呈现组件？

问题描述

我有类似下面的代码，我想和您一起检查是否有更好的方法。基本上，我有一个从第三方API获取数据的帮助程序脚本。我希望每次调用API时都会重新导入导入此辅助脚本的组件。该API被多次调用。

我现在正在这样做：

MyClass脚本：

import { rerenderComponentList } from '../../../helpers/myscript';

export default class MyClass extends LitElement {
  static get properties() {
    return {
      item: {},};
  }

  constructor() {
    super();
    this.item = [];

    rerenderComponentList(this);
  }

  render() {
    const icon = Iconify.renderSVG(this.item.icon,{});

    return html` <div>Hello</div> `;
  }

  static get styles() {
    return styles;
  }
}

导入的rerenderComponentList函数用于将当前元素对象发送到帮助脚本。

助手脚本：

const list = [];

export function rerenderComponentList(object) {
  list.push(object);
}

function rerenderComponent() {
  list.map((item) => item.requestUpdate());
}

function callbackIcons(loaded) {
  if (loaded.length) {
    rerenderComponent();
  }
}

//Function used to call API in app.js
export function loadIcons(icons) {
  API.myfunction(icons,callbackIcons);
}

rerenderComponent函数用于在每个元素对象上调用requestUpdate。

任何更好和更好的建议将不胜感激！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript lit-element