如何基于对象中的错误值生成独立的triggerNotification通知?
解决方案
很简单,你只需要遍历已经得到的arrayErrors数组,对数组里的每一项单独触发一次通知就行啦。
直接用数组的forEach方法循环,每次迭代时调用你的dispatch(triggerNotification...),把当前循环到的错误信息作为msg传入:
// 假设你已经通过Object.values获取到了arrayErrors数组 const arrayErrors = Object.values(validation.errors); // 遍历数组,逐个触发独立通知 arrayErrors.forEach(errorMsg => { dispatch(triggerNotification({ type: 'error', msg: errorMsg, duration: 10 })); });
这样一来,数组里的每一条错误信息都会单独生成一条通知——第一条显示"Error1",第二条显示"Error2",第三条显示"Error3",完全匹配你的需求。
如果担心多条通知同时弹出导致视觉重叠,还可以给每条通知加个递增的延迟,让它们依次弹出:
arrayErrors.forEach((errorMsg, index) => { setTimeout(() => { dispatch(triggerNotification({ type: 'error', msg: errorMsg, duration: 10 })); }, index * 1000); // 每条通知间隔1秒弹出 });
这个是可选优化,能提升用户体验~
内容的提问来源于stack exchange,提问作者xx5ko
相关产品推荐
相关产品推荐

