反復の移行

Aura コンポーネントの <aura:iteration> タグを Lightning Web コンポーネントの for:each に移行します。

以下は Aura 構文です。

1<aura:iteration items="{!v.items}" itemVar="item"> {!item} </aura:iteration>

以下は Lightning Web コンポーネント構文です。

1<template for:each={items} for:item="item">
2  <p key={item.id}>{item}</p>
3</template>

key を使用して、一意の値をリストの各項目に割り当てます。「リストの表示」を参照してください。

Lightning Web コンポーネントテンプレートでは、Aura コンポーネントマークアップのようにリストオプションを初期化できません。JavaScript でリストオプションを初期化する必要があります。例については、lightning-dual-listbox コンポーネントを参照してください。

The Japanese Summer '24 guide is now live

日本語の Summer '24 ガイドが公開されました! 「Component Reference (コンポーネントリファレンス)」は、以前と同様にコンポーネントライブラリにあります。