MERNスタック学習 51日目
MERNスタック学習の道のりも、51日目に到達しました。
昨日は基本的なホストの送信処理について学びました。今日は、プロダクションレベルのデータ同期へと進みました。IDベースの更新とリソースの削除に焦点を当てました。
大規模なアプリケーションでは、単にデータを追加するだけでは不十分です。編集や削除を行うには、特定のレコードを対象にする必要があります。今日は、このロジックをコントローラー層に組み込みました。
私の作業は、主に以下の2つのタスクに焦点を当てました:
- URLパラメータから識別子を抽出すること。
- クエリ変数を使用してインターフェースのモードを制御すること。
コントローラー内に編集用のルックアップ機能を構築しました。req.params.homeId を使用して正確なアイテムを特定し、また req.query.editing を使用してユーザーが編集モードを表示する必要があるかどうかを確認しました。
ワークスペースからのコード例:
const homeId = req.params.homeId;
const editing = req.query.editing === 'true';
このプロセスにより、バックエンドはどのレコードを変更すべきかを正確に把握できます。また、フロントエンドに対してデータの表示方法を伝える役割も果たします。
出典: https://dev.to/ali_hamza_589ec7b3eb6688d/day-51-of-learning-mern-stack-22cn