I am currently faced with the challenge of catching an error when the variable selectionId, derived from my route, is null or contains an invalid value. My code structure has a mechanism in place to handle errors when the category variable is undefined, but I encounter issues when dealing with undefined values for selectionId.
loadSelection() {
// establish the selected menu category (e.g., 'pizza')
const category = this.route.snapshot.url[0].path;
// determine the chosen item within the menu (e.g., 1)
const selectionId = this.route.snapshot.url[1].path;
// retrieve the menu item that matches the given selectionId in the specified category
this.store.select('menu')
.pipe(map(menuState => menuState.menu.groupedMenu[category]
.find(selection => selection._id === selectionId)),
catchError(err => throwError('given category does not exist'))
).subscribe(
(selection: Selection) => { // success scenario
this.selection = selection;
},
(err) => { // error scenario
console.log('weow', err);
});
}
I'm seeking advice on the best approach to handling errors when the .find method returns undefined.
One solution could involve incorporating an if statement in the success block to check for undefined values, although I'm unsure if this aligns with clean coding practices. Your insights and suggestions would be greatly appreciated.
Thank you in advance for any assistance provided.