账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于onChange事件 reactjs
    27
    0

    当页面表格数据达到三四百条时(后台一次性把数据返回,前端对表格数据已经做了分页处理的,每页显示10条)
    IE浏览器下,在input输入框连续输入字符时我严重感觉到了卡的现象,谷歌浏览器没那么明显,
    如果把input onChange事件里面的setState注释掉,就不会出现卡的现象,

    表格数据少时,不会出现严重的卡顿现象,请问这个需要怎么优化呀,我这个必须要用onChange事件监听用户输入的

    0
    打赏
    收藏
    点击回答
        全部回答
    • 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更新组件的状态,进而重新渲染组件,使输入框显示最新的输入值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部