javascript - 为模板组件执行创建方法

Question

我正在开发一个 Stenciljs 组件，其中在创建组件时需要用 fetch 调用填充数组。数组的内容将在组件的整个生命周期中发生变化。现在，我可以填充它的唯一方法是使用一个按钮，单击该按钮会调用填充方法。如何在创建或加载组件时填充数组，从而不需要用户交互？换句话说，我如何在没有按钮的情况下调用填充方法？

谢谢您的帮助。

Answer 1

您可以使用Lifecycle Methods，在您的情况下componentWillLoad可能是正确的。

componentWillLoad() {
  this.fill();
}

您还可以返回 a Promise，这将阻止组件在 Promise 解决之前呈现。

connectedCallback每次将组件添加到 DOM 时（即使它移动）也会调用它。