美文网首页
React Input组件一输入就失去焦点

React Input组件一输入就失去焦点

作者: Asuler | 来源:发表于2020-04-24 19:28 被阅读0次

Input 组件在onChange的时候就把value提交到store,然后store里的value流下来引发组件更新,因为我这个组件是循环遍历出来的,所以要加key,当时定义了一个boxProps,把参数都塞进去,对应的value也塞了进去

然后key=JSON.stringify(boxProps);因为key不能用index,就为了省力,直接这样了,但是没想到是的value是每次输入都会变的,导致了这个key一直在变,那么就是这个组件会一直强制刷新重新render,所以才会导致失去焦点,是外层容器key的问题

相关文章

  • React Input组件一输入就失去焦点

    Input 组件在onChange的时候就把value提交到store,然后store里的value流下来引发组件...

  • vue双向绑定v-model的用法

    表单输入input双向绑定 input输入框的@change事件,要在 input 失去焦点的时候才会触发;在输入...

  • jq与input框事件

    1、input框获取焦点事件 2、input框失去焦点事件 3、input框输入内容变化事件 移动端需要在inpu...

  • 事件方法

    // blur: 失去焦点// keyup: 键盘抬起事件 // input: 输入事件// change: 改变...

  • 表单的事件

    1.获取焦点和失去焦点onfocusonblur2.内容发生改变/输入内容输入的过程: input内容确定发生改变...

  • 前端常见面试题目(三)

    1、React的受控组件与非受控组件React 有两种不同的方式来处理表单输入。如果一个 input 表单元素的值...

  • Angular4 常用事件绑定

    1.input keyup:键盘的每一次输入 blur:失去焦点 /> // 输入enter按键时才会响应事件...

  • 4. 绑定事件

    v-on:v-on:change ---- 失去焦点v-on:input ---- 输入方法写入new V...

  • React16.13 简单封装一个input组件

    React16.13 简单封装一个input组件 input组件 GInput.jsx 组件同目录下的样式 组件的...

  • react的受控组件和非受控组件

    受控组件就是可以被 react 状态控制的组件在 react 中,Input textarea 等组件默认是非受控...

网友评论

      本文标题:React Input组件一输入就失去焦点

      本文链接:https://www.haomeiwen.com/subject/xddqwhtx.html