NumberInput 数字输入

使用场景

限制用户只能输入数字的输入框。

示例

基本示例

普通

输入框只读

禁用

inline

function Basic() { return ( <Group> <h3>普通</h3> <NumberInput defaultValue={1688} onChange={console.log} /> <h3>输入框只读</h3> <NumberInput defaultValue={1688} onChange={console.log} readOnly /> <h3>禁用</h3> <NumberInput defaultValue={1688} onChange={console.log} disabled /> </Group> ); }

function Basic() {
  return (
    <Group>
      <h3>普通</h3>
      <NumberInput defaultValue={1688} onChange={console.log} />
      <h3>输入框只读</h3>
      <NumberInput defaultValue={1688} onChange={console.log} readOnly />
      <h3>禁用</h3>
      <NumberInput defaultValue={1688} onChange={console.log} disabled />
    </Group>
  );
}

最大/最小/步长

inline

function MinMaxStep() { return <NumberInput defaultValue={20} min={10} max={30} step={5} onChange={console.log} />; }

function MinMaxStep() {
  return <NumberInput defaultValue={20} min={10} max={30} step={5} onChange={console.log} />;
}

精度控制

inline

function Precision() { return <NumberInput defaultValue={11.11} precision={2} step={0.01} onChange={console.log} />; }

function Precision() {
  return <NumberInput defaultValue={11.11} precision={2} step={0.01} onChange={console.log} />;
}

API

字段	描述
readOnly	boolean
disabled	boolean
status	"error" | "success"
defaultValue	StringOrNumber 非受控初值
value	StringOrNumber 受控值
onChange	(val: number) => void 值变化时的回调
precision	number 精度（小数点保留位数）
step	number 步长
min	number 最小值
max	number 最大值
formatOptions	NumberFormatOptions 格式化选项，参考 Intl.NumberFormat