javascript - 你能用 Stencil 中的 v-for 进行类比吗？ (类似于 Stencil 中的 v-for)

Question

我应该根据模板中的数组复制元素的一部分几次。我在 Vue 中使用了 v-for，但是我可以在 Stencil 中使用什么？

Answer 1

根据docs :

Loops can be created in JSX using either traditional loops when creating JSX trees, or using array operators such as map when inlined in existing JSX.

所以

render() {
  return (
    <div>
      {this.items.map((item) =>
        <div>
          <div>{item.name}</div>
        </div>
      )}
    </div>
  )
}

应该大约相当于

<div v-for="item in items">
  <div>{{ item.name }}</div>
  ...