在 Antd 的输入框中,如果只允许编辑某一个框,而其他框有数据但不能编辑,传递参数时无编辑的输入框传值可能会变成空值。这是因为在传递参数时没有正确处理非编辑框的值。

可以通过以下方式来解决这个问题:

  1. 在非编辑框上添加'disabled' 属性,使其不能编辑。这样在传递参数时,这些框的值就不会被改变。
<Input disabled value={nonEditableValue} />
  1. 在传递参数时,只传递编辑框的值。可以通过判断编辑框是否可编辑,只传递可编辑框的值。
const handleSubmit = () => {
  const data = {};
  if (editable) {
    data.editableValue = editableValue;
  }
  // 其他处理逻辑
};

这样,只有可编辑的框的值会被传递,非编辑框的值就不会被改变。

另外,请确保在使用 Antd 的表单组件时,正确设置'value' 和'onChange' 属性,以保证数据的正确传递和处理。


原文地址: https://www.cveoy.top/t/topic/o5BH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录