Question

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

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

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

MyStyle

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

Answer 1

只需添加 inputProps = {{步骤：“ .01”}}

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

带有箭头的十进制增加-文本字段材质UI

1 个答案: