You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material UI TextField无法输入浮点数值的问题求助

Material UI TextField无法输入浮点数值的问题求助

嘿,各位大佬,我最近在用Material UI的TextField组件时遇到了个头疼的问题,想过来请教下!

我需要做一个金额输入框,希望能支持输入像1.2、2.50这类浮点数值,但目前怎么都搞不定:

  • 我查了网上的很多建议,都说要在inputProps里设置step属性,但查了相关文档发现这个写法很快就要被弃用了,不想用这种即将淘汰的实现方式;
  • 那我试着直接在TextField组件上添加step={0.01},甚至试过step="any",结果完全没效果!输入1.2的时候,组件反而提示我要输入1或者2这样的整数,完全没法输入带小数的数值。

这是我当前的代码:

<TextField
  fullWidth
  required
  id="amount-field"
  margin="dense"
  label="Amount ($)"
  type="number"
  step={0.01} // step="any" doesn't work as well
/>

我的期望很简单,就是能顺畅输入符合金额格式的浮点数值,比如1.2、2.50这类,但现在完全做不到,有没有朋友遇到过类似的问题,或者知道我哪里写错了吗?麻烦指点一下!

备注:内容来源于stack exchange,提问作者Michael Dominic

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.15 11:48:02