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 />}
/>