---
title: Upload - 上传
nav:
title: 组件
path: /client
group:
order: 1
title: Schemas
path: /client/schemas
---
# Upload - 上传
## 代码演示
### 上传
```tsx
import React from 'react';
import { Button } from 'antd'
import { UploadOutlined, InboxOutlined } from '@ant-design/icons'
import Upload from './';
import { SchemaRenderer, registerComponents } from '../';
const NormalUpload = (props) => {
return (
}>上传文件
)
}
registerComponents({
NormalUpload,
});
const schema = {
type: 'object',
properties: {
input: {
type: 'string',
title: `编辑模式`,
'x-decorator': 'FormItem',
'x-component': 'NormalUpload',
'x-reactions': {
target: 'read',
fulfill: {
state: {
value: '{{$self.value}}',
},
},
},
},
read: {
type: 'string',
title: `阅读模式`,
'x-read-pretty': true,
'x-decorator': 'FormItem',
'x-component': 'NormalUpload',
},
}
};
export default () => {
return (
);
};
```