graphql-editor_GraphQL的可视节点编辑器

Web前端开发网

fly63.com

首页资源工具文章教程栏目

graphql-editor

网站地址:https://graphqleditor.com/

GitHub:https://github.com/graphql-editor/graphql-editor

网站描述:GraphQL的可视节点编辑器

访问官网

GitHub

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
        style={{
          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://fly63.com/nav/2241