尝试按Enter

时间:2018-03-22 16:01:17

标签: javascript reactjs modal-dialog semantic-ui

我正在尝试使用Semantic UI React实现一个Modal组件。

这是一个简单的确认模式,用户可以回答是或否。

我想为用户添加选项以按Enter作为另一种方式来表示是(并关闭模态)。

我已经开始在我的模态中添加一个额外的输入组件来监听onKeyPress并回答它,但由于额外的组件,我不喜欢它。

所以我为keydown事件创建了一个监听器,但发生了一些奇怪的事情:当你试图通过按Enter键关闭模态时,它似乎再次触发并且 它实际上并没有关闭......

https://codesandbox.io/s/lrjrp7vxy7

你可以帮帮我吗? 感谢。

1 个答案:

答案 0 :(得分:0)

我发现如果你在事件监听器中监听keyup而不是keydown,一切都会有效。

如果您认为有更优雅的解决方案,请评论此主题。 感谢。