使用react和es6清理电子邮件输入

Question

我试图通过我的状态，并取出recEmail，cc和bcc的内容。 在每个内部，您可以用，分隔多个电子邮件。 例如

recEmail可以有：email1@email.com，email2@email.com
抄送可能包含：email3@email.com，email4@email.com

我正在使用lodash遍历“ this.state”对象并将电子邮件推送到一个数组中，但是然后我必须遍历这个新数组以将电子邮件分成每个数组位置1封电子邮件（因此我可以然后运行一个正则表达式，看看它是否是有效的电子邮件）。

这种方法看起来很杂乱，我不禁想到有一个更好的方法可以解决此问题。 到目前为止，这就是我所拥有的。

 this.state = {recEmail: '', cc: '', bcc: '', subject: '', bodyText: '', testInput: false}; stateCleaner(emails){ var emailstoClean = []; _.forOwn(emails, (value, key) => { console.log('these are the keys: ', key); console.log('these are the values: ', value); if(key !== 'testInput'){ emailstoClean.push(value.split(', ')) } }) console.log('final emailstoClean: ', emailstoClean); return emailstoClean } 

这给了我两封电子邮件，它们在emailstoClean数组的索引零中，并且有两封电子邮件在位置1中（我在recEmail中输入了两封，在cc字段中输入了两封）。

有没有一种方法可以进一步简化此过程，使每个数组索引仅收到一封电子邮件？ 另外也许它有点相关，但是包含一个正则表达式来检查它是否是一个有效的电子邮件也很好。 如果还有其他详细信息，请告诉我。 感谢大家的帮助。

Answer 1

几件事：电子邮件异常复杂-快速的Google会确认正则表达式不是验证邮件的最佳方法。

为了使电子邮件能够排列，您不需要直接从状态属性中输入电子邮件字符串，也不必在每个属性上调用split（'，'）。 这会给您一系列电子邮件。 对状态对象中的所有电子邮件项目执行此操作，然后在数组上调用concat或使用新的价差运算符将它们全部夹在具有唯一索引的单个数组中。

然后，您可以使用地图，过滤器或一些过滤器来处理阵列中的每个电子邮件地址。