Antd 输入框:如何避免非编辑框传空值
在 Antd 的输入框中,如果只允许编辑某一个框,而其他框有数据但不能编辑,传递参数时无编辑的输入框传值可能会变成空值。这是因为在传递参数时没有正确处理非编辑框的值。
可以通过以下方式来解决这个问题:
- 在非编辑框上添加'disabled' 属性,使其不能编辑。这样在传递参数时,这些框的值就不会被改变。
<Input disabled value={nonEditableValue} />
- 在传递参数时,只传递编辑框的值。可以通过判断编辑框是否可编辑,只传递可编辑框的值。
const handleSubmit = () => {
const data = {};
if (editable) {
data.editableValue = editableValue;
}
// 其他处理逻辑
};
这样,只有可编辑的框的值会被传递,非编辑框的值就不会被改变。
另外,请确保在使用 Antd 的表单组件时,正确设置'value' 和'onChange' 属性,以保证数据的正确传递和处理。
原文地址: https://www.cveoy.top/t/topic/o5BH 著作权归作者所有。请勿转载和采集!