---
title: 自定义JsonEditor
sidemenu: true
---

## 自定义JsonEditor

自定义JsonEditor
```tsx
/**
 * background: '#f0f2f5'
 */
import React, {useState} from 'react';
import { CustomJsonEditor } from '@/components';
import { Form, Input } from 'antd';
export default () => {
  const [jsonData, setJsonData] = useState({ user: '测试' });
return <>
<CustomJsonEditor value={jsonData} onChange={(value)=>{
setJsonData(value)
}} />
</>
}

```
<API src="./index.tsx"></API>