こんにちは。
九州支社8年目の山下です。
salsforce上でLWCを使用しlightningコンポーネントを作成していた際、LWCの開発をする場合でも共通処理クラスの様なものが作れないかと思い調査してみました。
せっかくなので、テックブログの真似事のような事をしてみようかと思います。
（実質ただのメモです...）
共通処理コンポーネント
・Vscodeで共通処理を定義するLWCを新規作成する。
・作成されたLWCのhtmlファイルを削除する。
※削除しなくても問題ないですが、不要なファイルなので削除しておいた方が分かりやすいかと思います。
・作成されたLWCのjavascriptファイルに、共通化したい処理を記述しexportする。
const commonProc = (arg) => {
return arg + 1;
}
export {
commonProc ,
};
共通処理を使用するコンポーネント
・共通処理をimportする。
import { commonProc } from 'c/共通処理コンポーネント';
あとは、共通処理を使用するコンポーネント内で、必要に応じてcommonProcを呼出せばよいです。
そもそも、Web Components関連の知識が全然ないんですが、
Web components 関連の知識があれば常識といった感じなんでしょうか...
あと、goo blogでコードスニペット機能は無いんですかね。
今回は以上となります。
数ヶ月前の更新を行っていなかった分があるので、また来月か再来月かに何か書くと思います。
