未为回调或promise更新mithriljs组件状态

var MyComponent = {
  data: [],
  loadData: function(callback) {
    // 模拟异步操作
    setTimeout(function() {
      var result = [1, 2, 3]; // 假设这是从服务器获取的数据
      callback(result); // 调用回调函数，并传递数据
    }, 1000);
  },
  oninit: function() {
    var self = this;
    this.loadData(function(result) {
      self.data = result; // 更新组件状态
      m.redraw(); // 通知Mithril.js重新渲染组件
    });
  },
  view: function() {
    return m('div', this.data.map(function(item) {
      return m('p', item);
    }));
  }
};

var MyComponent = {
  data: [],
  loadData: function() {
    return new Promise(function(resolve, reject) {
      // 模拟异步操作
      setTimeout(function() {
        var result = [1, 2, 3]; // 假设这是从服务器获取的数据
        resolve(result); // 异步操作完成后，调用resolve方法，并传递数据
      }, 1000);
    });
  },
  oninit: function() {
    var self = this;
    this.loadData().then(function(result) {
      self.data = result; // 更新组件状态
      m.redraw(); // 通知Mithril.js重新渲染组件
    });
  },
  view: function() {
    return m('div', this.data.map(function(item) {
      return m('p', item);
    }));
  }
};