式の移行

Aura コンポーネントのマークアップから Lightning Web コンポーネントの JavaScript に式を移行します。

以下は、Aura コンポーネントの構文です。

Lightning Web コンポーネントでは、lwc:if を使用して、式を JavaScript に移行します。これでコードを単体テストできるようになります。HTML ファイルは次のようになります。

Lightning Web コンポーネントの HTML ファイルの動的コンテンツの場合、getter の参照の周囲に引用符はなく、感嘆符や値プロバイダ (v.) 構文もありません。入力し慣れているかもしれませんが、Aura コンポーネントの式構文は使用しないでください。

以下は、Aura コンポーネントの式です。

<aura:if isTrue="{!v.condition}">

以下は、Lightning Web コンポーネントの同様の HTML です。

<div lwc:if={condition}>Conditional Code</div>

JavaScript ファイルを次に示します。

関連トピック