reactjs - 带箭头的小数增加 - Textfield Material UI

Question

我正在使用 Material UI 的 OutlinedInput 以允许用户输入数字。

当type为数字时，浏览器会自动在输入栏中添加两个小箭头。这可以。HOVEWER 箭头将输入增加或减少“1”。我希望他们将输入增加或减少“0.01”。

  <OutlinedInput
    type="number"
    placeholder="0"
    value={value}
    onChange={onChange}
    classes={{
      root: classNames(classes.myStyle)
    }}
  />

我的风格

myStyle: {
  color: "blue"
  width: "90px,
  step: '0.01'
},

Answer 1

只需添加 inputProps={{ step: ".01"}}

<OutlinedInput
 inputProps={{ step: ".01" }}
    type="number"
    placeholder="0"
    value={value}
    onChange={onChange}
    classes={{
      root: classNames(classes.myStyle)
    }}
  />