---
order: 0
title: 开始使用
mobile: false
---
DataView
中后台详情页解决方案，通过 schema 协议渲染页面
## 安装
```shell
npm i @xrenders/data-render --save
```
## 使用方式
**函数组件**
```jsx
/**
* transform: true
* defaultShowCode: true
*/
import React from 'react';
import DataView from '@xrenders/data-render';
import schema from './schema/basic';
import data from './data/basic';
export default () => {
return (
);
}
```