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

先直接上核心代码:

this.goToHomePage换成自己逻辑

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

需要传个空函数,不然会报错

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

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

htmlType属性加上就行

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

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

原文地址:https://www.cnblogs.com/chengeping/p/10517670.html

时间: 2024-10-05 23:25:10

react中实现原生enter/回车事件及antdesign组件实现方式的相关文章

20140527-在jQuery中设置文本框回车事件

20140527-在jQuery中设置文本框回车事件 该代码要完成的效果是,用户在文本框输入完毕以后,按下回车键,立即触发"搜索"的单击事件. 例如: $("#search_user_name").keydown(function (e) {         // search_user_name为文本框ID         var curKey = e.which;         if (curKey == 13) {             // search

React 中的 Component、PureComponent、无状态组件 之间的比较

React 中的 Component.PureComponent.无状态组件之间的比较 table th:first-of-type { width: 150px } 组件类型 说明 React.createClass 不使用ES6语法,只能使用 React.createClass 来创建组件:React对属性中的所有函数都进行了this绑定 Component 使用ES6语法创建组件:React并没有对内部的函数,进行this绑定 PureComponent shouldComponentUp

ASP.NET 后台添加Enter回车事件

1 <asp:Panel DefaultButton="btnSubmit" runat="server"> 2 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 3 <tr> 4 <td width="26%" align="right&

element ui输入框监听enter回车事件

注意的要与@click=""一致; 原文地址:https://www.cnblogs.com/linman/p/10138897.html

react中这些细节你注意过没有?

react中的一些细节知识点: 1.组件中get的使用(作为类的getter) ES6知识:class类也有自己的getter和setter,写法如下: Class Component { constructor() { super() this.name = '' } // name的getter get name() { ... } // name的setter set name(value) { ... } } react组件中的get的使用如下: /* * renderFullName的

React中的state与props的再理解

props可以看做是 property 的缩写的复数,可以翻译为属性,类似于HTML 标签的自定义属性.在大多数React教程里讲 state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变.其实这种说法有问题.可以参考一篇文章<React中state与props介绍与比较> 组件中的props本质作用是一种父级向子级传递数据的方式.props是可以改变的,只是没有提供API可以在子组件里直接修改,我们可以在父组件里把要给子组件的属性值修改.

react中键盘enter事件处理

对于常见的搜索需求业务场景,用户输入完成后,点击enter事件请求数据,要求不提交页面,实现数据局部更新,这需要用到react中的表单Forms. 处理方法: (1)html书写 form标签中去掉action参数,定义onSubmit方法,如下所示: <div className="mc2"> <form onSubmit={(e) => this.getSearchData(e,this.state.searchkey)}> <b><

React 中阻止事件冒泡的问题

在正式开始前,先来看看 JS 中事件的触发与事件处理器的执行. JS 中事件的监听与处理 事件捕获与冒泡 DOM 事件会先后经历 捕获 与 冒泡 两个阶段.捕获即事件沿着 DOM 树由上往下传递,到达触发事件的元素后,开始由下往上冒泡. IE9 及之前的版本只支持冒泡 | A -----------------|--|----------------- | Parent | | | | -------------|--|----------- | | |Children V | | | | --

asp.net中TextBox里面实现回车触发指定事件

原文:asp.net中TextBox里面实现回车触发指定事件 我在一个user_top用户控件里面做了个包括搜索的功能.然后再一个页面中添加这个用户控件.浏览时候在textbox里面输入搜索内容后.下意识的摁了回车.谁知道报错了.因为页面回发.我在page_load里面写了!IsPostBack{...}所以导致了未将对象引入对象实例.网上搜了下. 方法一: <asp:Panel ID="panSearch" runat="server" DefaultBut