React-DOM在Input中输入“@”变成undefined

Question

源码： https://codepen.io/jarvis1024...

初学ReactJS,试着做一个登录界面，在做邮箱地址补齐的功能时出现这个问题。

在input中输入@然后用 鼠标 或 上下键回车 选择完整邮箱没有问题，
但试几次 发现用回车选择邮箱地址后 把内容删掉再输入@的时候就变成undefined了。

Answer 1

因为当你有一次输入Enter的时候，你的prevEventKeyCode被设置为13。然后等你再调用EmailHelper的时候，prevEventKeyCode还是13。所以一直执行这段代码:

case 13: this.props.valueChange(valueSplit[0]+shows[activeIndex]) // activeIndex == -1