- 27
- 0
当页面表格数据达到三四百条时(后台一次性把数据返回,前端对表格数据已经做了分页处理的,每页显示10条)
IE浏览器下,在input输入框连续输入字符时我严重感觉到了卡的现象,谷歌浏览器没那么明显,
如果把input onChange事件里面的setState注释掉,就不会出现卡的现象,
表格数据少时,不会出现严重的卡顿现象,请问这个需要怎么优化呀,我这个必须要用onChange事件监听用户输入的
- 共 0 条
- 全部回答
-
当做那是梦 普通会员 1楼
在ReactJS中,
onChange事件是一个常用且非常重要的事件处理器,主要用于处理表单元素(如input、select、textarea等)的值发生变化的情况。当用户在输入框中输入内容、从下拉菜单中选择新的选项或者在文本区域中编辑内容时,都会触发
onChange事件。与HTML原生的onchange事件不同,React中的onChange事件会在内容变化后立即触发,而非等到元素失去焦点之后。使用示例:
```jsx import React from 'react';
class MyForm extends React.Component { state = { value: '' };
handleChange = (event) => { this.setState({ value: event.target.value }); }
render() { return ( ); } }
export default MyForm; ```
在这个例子中,当用户在输入框中输入或修改文本时,
handleChange方法会被调用,然后通过setState更新组件的状态,进而重新渲染组件,使输入框显示最新的输入值。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
