ant-design/.dumi/theme/common/JSONEditor/index.tsx

27 lines
727 B
TypeScript
Raw Normal View History

import React, { useEffect, useRef } from 'react';
import type { JSONEditorPropsOptional } from 'vanilla-jsoneditor';
import { JSONEditor, Mode } from 'vanilla-jsoneditor';
const Editor: React.FC<JSONEditorPropsOptional> = (props) => {
const editorRef = useRef<JSONEditor>(null);
const container = useRef<HTMLDivElement>(null);
useEffect(() => {
editorRef.current = new JSONEditor({
target: container.current,
props: { mode: Mode.text },
});
return () => {
editorRef.current?.destroy();
};
}, []);
useEffect(() => {
editorRef.current?.updateProps(props);
}, [props.content]);
return <div ref={container} className="vanilla-jsoneditor-react" />;
};
export default Editor;