codemirror 的自定义补全，适用于sql时，但是表是动态获取的，字段是根据表名动态获取的

CodeMirror是一个强大的JavaScript文本编辑器库，它支持丰富的功能，包括代码高亮、自动完成（Autocomplete）。在处理SQL这种需要频繁交互数据库的情况时，如果表和字段是动态生成的，你可以通过以下几个步骤来实现CodeMirror的自定义补全：

1. **设置CodeMirror**：首先，在初始化CodeMirror实例时，配置好SQL语言的支持，例如安装`codemirror-language-mysql`等插件。

import CodeMirror from 'codemirror';
import 'codemirror/mode/sql/mysql';

const editor = CodeMirror(document.getElementById('editor'), {
  mode: 'text/x-sql',
  theme: 'material', // 可选主题
});

2. **数据源处理**：你需要从服务器或API获取实时的表信息和字段列表。当用户输入可能导致查询表名发生变化的关键字时（如"SELECT * FROM "），触发请求获取当前表的信息。

3. **补全函数**：创建一个回调函数，该函数会在用户键入特定字符时（比如"."后）查找匹配的表和字段，并提供补全建议。可以使用`CodeMirror.showHint`函数，传入一个实现了`getCompletion`方法的对象，这个方法会返回包含表名和字段的数组。

function getTableAndFields(currentTable) {
  // 这里假设getDataFromServer是个异步函数，返回Promise
  return getDataFromServer(currentTable).then(fields => ({
    list: fields.map(field => ({ text: field })),
    from: CodeMirror.Pos(editor.getCursor().line, editor.getCursor().ch - 1), // 获取当前光标位置
  }));
}

// 当输入"."后开始提示
editor.on("cursorActivity", function(cm) {
  const currentWord = cm.getWordAt(cm.getCursor());
  if (currentWord == '.') {
    const table = // 根据上下文获取当前表名
    codeMirror.showHint({
      hint: CodeMirror.hint.simple(getTableAndFields(table)),
    });
  }
});

4. **处理异步**：因为数据可能是从服务器动态加载的，所以务必处理好异步操作，确保在补全结果可用后再显示给用户。

5. **优化用户体验**：考虑性能，避免在每次按键都发送请求，而是应该设置合适的延迟或者基于用户的输入频率。

**相关问题--:**
1. 怎么样让CodeMirror只在特定条件下才发起数据请求获取表和字段？
2. 如果需要实时更新补全结果，如何处理代码中的错误处理？
3. 如何防止用户在等待数据响应期间误操作？