当前位置: 首页 > 工具软件 > InputDefault > 使用案例 >

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

曹镜
2023-12-01

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

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

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

<Switch
   defaultChecked={row.fontShow}
   onChange={value => {
     handleSwitch(value, row);
   }}
   checkedChildren={<CheckOutlined />}
   unCheckedChildren={<CloseOutlined />}
/>
 类似资料: