MUI v5 TextField组件无法修改十进制数值，手动输入退格键失效

• 你的TextField设置了type="number"，但value绑定的是parseFloat(value).toFixed(1)返回的字符串格式值，输入过程中临时产生的非标准数值格式内容（比如退格后剩下的1.、未输入完成的数字）会被该格式化逻辑直接覆盖，导致手动输入、退格操作看似无响应。
• useState初始值是数字类型1，但handleChange里直接保存输入的字符串类型值，类型不一致也会引发状态更新的异常行为。

核心思路是输入过程中不强制格式化，仅在输入框失焦时统一格式化数值为保留1位小数的格式，避免打断正常输入操作。

export default function App() {
  const [value, setValue] = useState("1.0"); // 初始值统一为字符串格式
  const handleChange = (e) => {
    // 输入过程中直接保存原始输入值，不做格式化
    setValue(e.target.value);
  };
  const handleBlur = () => {
    // 失焦时再做格式化处理
    const num = parseFloat(value);
    if (!isNaN(num)) {
      setValue(num.toFixed(1));
    } else {
      // 输入值非法时可以重置为默认值，按需调整
      setValue("1.0");
    }
  };
  return (
    <div className="App">
      <TextField
        fullWidth
        variant="outlined"
        id="value"
        name="value"
        type="number"
        label="Decimal Value"
        value={value}
        onChange={handleChange}
        onBlur={handleBlur} // 新增失焦事件处理
        inputProps={{
          step: "0.1" // 保证点击上下箭头每次调整0.1，符合保留1位小数的需求
        }}
      />
    </div>
  );
}

• 新增onBlur事件处理，仅在用户完成输入离开输入框时执行数值格式化，不影响正常输入、退格操作
• 统一状态值的类型为字符串，避免数字和字符串类型混用导致的异常
• 新增inputProps.step配置，内置的上下箭头点击调整步长为0.1，和保留1位小数的需求匹配

内容的提问来源于stack exchange，提问作者krsna