单击“ctrl + a”&&“退格/删除”时，TextField MUI 未检测到值的变化

Question

这是问题的链接：

https://codesandbox.io/s/bold-hooks-ddce6c?file=/src/App.js

当我按退格键删除每个字符时，文本字段会检测到值的变化，但是当我使用 ctrl + a 选择所有字符并按退格键或删除时，它不会检测到值的变化。

PS：

标签中的值发生变化，这可能会产生误导，请检查控制台日志值，它没有变化。

Answer 1

const onChangeForm = (keyName, keyValue) => {
    let temp_value = keyValue;
    if (keyName === "domainName" && temp_value) {
      temp_value = temp_value.trim();
      console.log(temp_value);
    }
    setFormData({
      ...formData,
      ...{ [keyName]: temp_value }
    });
  };

而不是 if(keyName === "domainName" && temp_value) 使用 if(keyName === "domainName") 该检查忽略空值。

Answer 2

最好使用 onInput 来更改具有空值的字段输入 它可以与常规的 onChange 一起使用