イニシャライザの移行

Aura コンポーネントの init イベントハンドラを、Lightning Web コンポーネントの connectedCallback() 標準 JavaScript メソッドに置き換えます。

Aura コンポーネントでは init イベント使用して、コンポーネント構築後、表示する前にコンポーネントを初期化します。

1<aura:handler name="init" value="{!this}" action="{!c.doInit}" />

コンポーネントのコントローラの doInit 関数で、必要な初期化が実行されます。

1({
2  doInit: function (cmp) {
3    // initialize component
4  },
5});

Lightning Web コンポーネントでは、コンポーネントの JavaScript ファイルの代わりに connectedCallback() を使用します。

1// mySampleInit.js
2import { LightningElement } from "lwc";
3export default class MySampleInit extends LightningElement {
4  connectedCallback() {
5    // initialize component
6  }
7}

関連トピック

DOM のコンポーネントの挿入時または削除時のコードの実行

The Japanese Summer '24 guide is now live

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