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%',
dis play: '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/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。