graphql-editor 介绍
GraphQLEditor使您更容易理解GrapHQL模式。通过连接可视块来创建模式。GraphQLEditor会将它们转换为代码。使用GraphQLEditor，您可以创建可视化图表而无需编写任何代码或以一种很好的方式呈现您的架构！ GraphQLEditor会将它们转换为代码。
安装
npm i graphql-editor
使用
import * as react from 'react';
import { render } from 'react-dom';
import { Editor } from '../src/index';
class App extends react.Component<
{},
{
editorVisible: boolean;
}
> {
state = {
editorVisible: true
};
render() {
return (
<div
{{
width: '100%',
height: '100%',
display: 'grid',
gridTemplateColumns: this.state.editorVisible ? `auto 1fr` : '1fr',
gridTemplateRows: '1fr'
}}
>
<Editor editorVisible={this.state.editorVisible} />
</div>
);
}
}
render(<App />,document.getElementById('root'));
网站地址:https://graphqleditor.com/
GitHub:https://github.com/graphql-editor/graphql-editor
网站描述:GraphQL的可视节点编辑器
graphql-editor
官方网站：https://graphqleditor.com/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
