首页 > 解决方案 > 如何使用 DOM 在 GraphQL 中编写查询

问题描述

我正在使用 graphiql,我想使用 DOM 编写突变,我们将突变添加到代码镜像的地方

这就是我添加文本时它处理文本的方式

<div style="position: relative; top: 0px">
  <div class="CodeMirror-lines" role="presentation">
    <div role="presentation" style="position: relative; outline: none">
      <div class="CodeMirror-measure">
        <pre><span>xxxxxxxxxx</span></pre>
      </div>
      <div class="CodeMirror-measure"></div>
      <div style="position: relative; z-index: 1"></div>
      <div class="CodeMirror-cursors" style="">
        <div
          class="CodeMirror-cursor"
          style="left: 121.406px; top: 18px; height: 18px"
        >
          &nbsp;
        </div>
      </div>
      <div class="CodeMirror-code" role="presentation">
        <div style="position: relative">
          <div class="CodeMirror-gutter-wrapper" style="left: -39px">
            <div
              class="CodeMirror-linenumber CodeMirror-gutter-elt"
              style="left: 0px; width: 21px"
            >
              1
            </div>
          </div>
          <pre
            class="CodeMirror-line"
            role="presentation"
          ><span role="presentation" style="padding-right: 0.1px;"><span class="cm-keyword">mutation</span><span class="cm-punctuation">{</span></span></pre>
        </div>
        <div style="position: relative">
          <div class="CodeMirror-gutter-wrapper" style="left: -39px">
            <div
              class="CodeMirror-linenumber CodeMirror-gutter-elt"
              style="left: 0px; width: 21px"
            >
              2
            </div>
          </div>
          <pre
            class="CodeMirror-line"
            role="presentation"
          ><span role="presentation" style="padding-right: 0.1px;"><span class="cm-ws">  </span><span class="cm-property">addBusiness</span><span class="cm-punctuation CodeMirror-matchingbracket">(</span><span class="cm-punctuation CodeMirror-matchingbracket CodeMirror-lint-mark-error">)

是否可以在 graphiql 工作区中添加来自 DOM 的突变;

标签: jquerydomgraphqlgraphiqlreact-codemirror

解决方案


推荐阅读