npm i form-render-excel --saveimport React, { useState } from 'react';
import 'antd/dist/antd.css';
import FR from 'form-render/lib/antd';
import HOC from 'form-render-excel';
import schema from './schema.json';
// 把原来的 FormRender 包一下
const NFR = HOC(FR);
export default () => {
const [formData, setFormData] = useState({});
// 当成正常的 FormRender 来使用
return <NFR schema={schema} formData={formData} onChange={setFormData} />;
};在 schema 中对应的数组的 ui:options 里使用 useExcel 注明需要使用 excel 功能：
{
"type": "object",
"properties": {
"arrDemo": {
"title": "搬砖统计",
"type": "array",
"ui:options": {
"useExcel": true
},
"items": {
"type": "object",
"properties": {
"year": {
"title": "年份",
"type": "number"
},
"value": {
"title": "搬砖量",
"type": "number"
}
}
}
}
}
}支持复杂的数组多层套对象的导入导出，可以 clone 下代码，跑起来试玩一下~
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent