DataView
中后台详情页解决方案，通过 schema 协议渲染页面
## 安装
```shell
npm i @xrenders/data-render --save
```
## 使用方式
**函数组件**
```jsx
/**
* transform: true
* defaultShowCode: true
*/
import React from 'react';
import DataView from '@xrenders/data-render';
const data = {
"creator": "清风徐来",
"relevanceCode": "421421",
"desc": "浙江省杭州市工专路",
"create-time": "2019-10-10",
"effective-date": "2019-10-10 ～ 2020-10-31",
"safety": {
"name": "Test demo 001",
"app": "中后台详情页",
"mode": "代码包",
"yum": "244444390482344744484889",
"fore": "23"
},
}
const schema = [
{
"widget": "FDescriptions",
"column": 3,
"items": [
{
"label": "创建人",
"dataKey": "creator"
},
{
"label": "关联单据",
"dataKey": "relevanceCode"
},
{
"label": "单据备注",
"dataKey": "desc"
},
{
"label": "创建时间",
"dataKey": "create-time"
},
{
"label": "生效日期",
"dataKey": "effective-date"
}
]
}
]
export default () => {
return (
);
}
```