--- title: InputNumber - 数字框 nav: title: 组件 path: /client group: order: 1 title: Schemas path: /client/schemas --- # InputNumber - 数字框 ## 节点树
## 代码演示
### 数字框
```tsx
/**
* title: 数字框
*/
import React from 'react';
import { SchemaRenderer } from '../';
const schema = {
type: 'object',
properties: {
input: {
type: 'number',
title: `编辑模式`,
'x-decorator': 'FormItem',
'x-component': 'InputNumber',
'x-reactions': {
target: 'read',
fulfill: {
state: {
value: '{{$self.value}}',
},
},
},
},
read: {
interface: 'number',
type: 'number',
title: `阅读模式`,
'x-read-pretty': true,
'x-decorator': 'FormItem',
'x-component': 'InputNumber',
},
}
};
export default () => {
return (