SQL-编辑框的 选项提示自定义 前端开发(react项目中)

用@monaco-editor/react 组件 开发一个 sql 语句的编辑器在前端开发的页面中，原组件地址中的案例直接将language="sql"是没有效果的，需要用组件中的monaco.languages.registerCompletionItemProvider('sql',{}),这个方法去主动设置才会有效果。 如果要自定义选项，需要在useEffect 函数中监听自定义选项的变化时 触发onMount 的事件，拿到最新的自定义选项进行渲染。 具体代码：