条件式の移行

Aura コンポーネントの <aura:if> タグを Lightning Web コンポーネントの lwc:if、lwc:elseif、および lwc:else に移行します。

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

1<aura:if isTrue="{!v.something}">
2  <div>Conditional Code</div>
3  <aura:set attribute="else">
4    <div>Conditional Code</div>
5  </aura:set>
6</aura:if>

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

1<template>
2  <div lwc:if={something}>Conditional Code</div>
3  <div lwc:elseif={something}>Conditional Code</div>
4</template>

1import { LightningElement } from "lwc";
2export default class MyComponentName extends LightningElement {
3  something = true;
4}

関連トピック

条件に応じた DOM 要素の表示

The Japanese Summer '24 guide is now live

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