react中实现原生enter/回车事件及antdesign组件实现方式

Posted chengeping

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react中实现原生enter/回车事件及antdesign组件实现方式相关的知识,希望对你有一定的参考价值。

先直接上核心代码:

技术图片
this.goToHomePage换成自己逻辑

自己写的时候直接把this.goToHmoPage()换成自己的逻辑就行了,还有注意一点的是:

 

技术图片
需要传个空函数,不然会报错

在componentWillMount移除事件监听是防止浪费内存影响性能。

最后在antdesign实现enter回车的方式如下:

 

技术图片
htmlType属性加上就行

这个是别人封装好的属性,其实实现原理还是一开始的第一种方法。

                                            第一次分享自己的码农日常,请大家多多指教,一起进步!!!

以上是关于react中实现原生enter/回车事件及antdesign组件实现方式的主要内容,如果未能解决你的问题,请参考以下文章

react中回车enter事件处理

2020-07-05 elementui系列:input回车事件,阻止原生刷新页面事件,slot

vue 监听 input 回车事件

【antd-pro】路由配置、select组件层级

token验证概述及在React中实现token验证

在react中实现一个简单双向数据绑定