式の移行
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 ファイルを次に示します。
関連トピック