antd 使用数据录入 defaultvalue和value的区别

defaultvalue 默认数据值。 value绑定在组件的数据值
什么时候使用value？
如果某些页面，只是用来作数据展示，用户不需要通过页面来操作改变value值时，可以使用value，而不使用defaultvalue，避免再使用disabled禁止用户操作数据录入组件。

<Rate value={row.evaluate} allowHalf />

什么时候用defaultvalue？
某些页面需要展示当前的数据，而用户又可以通过操作对数据进行更改的时候，就只能使用defaultvalue。因为value有一个最大的问题，一但在代码中赋予值之后，页面上的操作将全部失效。
使用default value之后，再通过onchange事件去监听value值的改变，跟服务器交互，达到用户操作修改数据的目的。

<SwitchdefaultChecked={row.fontShow}onChange={value => {handleSwitch(value, row);}}checkedChildren={<CheckOutlined />}unCheckedChildren={<CloseOutlined />}
/>

antd 使用数据录入 defaultvalue和value的区别相关推荐

[分割]Learning a Discriminative Feature Network for Semantic Segmentation(DFN)
本文转自3篇文章当作自己的笔记. 文章1:链接 Learning a Discriminative Feature Network for Semantic Segmentation Learning ...
es6 初步深入学习
es6初步深入学习 es6前言(只作了解就好) ECMAScript和JavaScript的关系 ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现(另外的EC ...
动态更新initialValue的值
问题 [antd: Form.Item] defaultValue will not work on controlled Field. You should use initialValues o ...
《react 思维导图笔记》
react 在react学习中,需要安装两个包react@16.1.1 react-dom@16.1.1 react这个包是专门用来创建react组件.组件生命周期等等 react-dom里面主要封装 ...
使用mono-repo实现跨项目组件共享
本文会分享一个我在实际工作中遇到的案例,从最开始的需求分析到项目搭建,以及最后落地的架构的整个过程.最终实现的效果是使用mono-repo实现了跨项目的组件共享.在本文中你可以看到: 从接到需求到深入 ...
SSM框架入门知识点跟学雷神视频笔记
一.Spring入门 1. Spring中的基本概念 IOC(是一种思想)和DI(对这种思想实现的一种描述) 2.框架编写流程: 1)导包 2)写配置 spring的配置文件中,集合了spri ...
antd的 input有下拉_解决antd 下拉框 input [defaultValue] 的值的问题
项目中有下拉框跟input需要回显,所以用到defaultValue这个默认值,在后台调接口调到defaultValue这个值给select设置,但是不好使解决方法直接用value 先加载选中的条 ...
antdpro 中使用 antd select 组件，defaultValue 与 value 使用问题
背景简而言之,就是业务需求中虽然使用了 ProTable,但是表格列中有处理人,处理状态等需要下拉框显示的,于是用了 render 方法,结合 antd select 组件来实现. 原本是打算用 P ...
antd 表格树如何展开_React Ant Design树形表格的复杂增删改
React Ant Design树形表格的复杂增删改最近由于业务接触了antd,使用antd完成一个复杂的树形表格的显示以及修改.在这其中碰见了很多坑,不少功能antd只写了初步的功能,更为细化 ...

antd 使用数据录入 defaultvalue和value的区别

antd 使用数据录入 defaultvalue和value的区别相关推荐

最新文章

热门文章