React之Antd组件<Input />属性defaultValue问题记录。

摘要:
需求描述:开发中有一个需求,即表需要修改每个数据并动态添加或删除一行。其思想是将表数组数据存储在状态中,然后在渲染时将每个数据放入组件中。

需求描述:

  开发中遇到一个需求,表格需要修改每个数据(有<Input />, <Select />, <Radio />)和动态新增或删除一行,想到的办法是将表格数组数据存在state中,然后在渲染的时候把每个数据都放在组件中。如图:

React之Antd组件&lt;Input /&gt;属性defaultValue问题记录。第1张

 出现问题:

  不管点击第几行删除,页面显示出来的都是删除最后一行,但是使用console.log()查看state中的数组数据也没问题。

解决问题:

  原来组件使用defaultValue记录数据 React之Antd组件&lt;Input /&gt;属性defaultValue问题记录。第2张

  修改为React之Antd组件&lt;Input /&gt;属性defaultValue问题记录。第3张

结论:

  估计和react渲染机制有关系,还不是特别清楚。。。

免责声明:文章转载自《React之Antd组件&amp;lt;Input /&amp;gt;属性defaultValue问题记录。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇openshift 3.11 安装部署全民wifi钓鱼来临----agnes安卓wifi钓鱼神器介绍下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

React16源码解读:开篇带你搞懂几个面试考点

引言 如今,主流的前端框架React,Vue和Angular在前端领域已成三足鼎立之势,基于前端技术栈的发展现状,大大小小的公司或多或少也会使用其中某一项或者多项技术栈,那么掌握并熟练使用其中至少一种也成为了前端人员必不可少的技能饭碗。当然,框架的部分实现细节也常成为面试中的考察要点,因此,一方面为了应付面试官的连番追问,另一方面为了提升自己的技能水平,还...

jekins接通gitee的webhook做自动部署 vue、react、java、springBoot

简介 其实点一下,也是浪费生命,不是吗? 推送代码到Gitee时,由配置的 WebHook 触发 Jenkins 任务构建。多好! jekins安装插件 搜索并安装这两个插件Gitee Plugin、Jersey 2 API 第二个插件本不是必要的,是因为我目前当前Gitee Plugin插件有一个Bug,因此安装的。 安装完成后,记得重启下jekins...

react 脚手架cra的注意事项,以及脚手架生成目录的分析,以及四个脚本命令

安装阶段 1.新建文件夹test 2.不需要在tset里npm init 3.全局安装脚手架 npm install -g create-react-app 4.create-react-app XXX,这里的名字,不能使react,或者react-dom等等,如果是这些关键词,他会提示错误。 create-react-app demo01 //用脚...

React Native调试技巧与心得

转自:http://blog.csdn.net/quanqinyang/article/details/52215652 在做ReactNative开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 D...

react页面间传递参数

react-router页面跳转,带请求参数 this.context.router.push({pathname:'/car_datail',state:{item:"hello"}}); pathname为跳转页面路径,可将跳转时要传递的参数放入state中 在第二个页面使用this.props.location.state得到上一页面传递参数 rea...

react-native 极光推送(jpush-react-native)

极光推送官方支持的 React Native 插件 安装 npm install jpush-react-native --savenpm install jcore-react-native --save ## jpush-react-native 1.4.2 版本以后需要同时安装 jcore-react-native 一、自动配置部分(以下命令均在你的...