umi使用react-monaco-editor并高亮显示代码

首先，你需要安装 `react-monaco-editor` 和 `monaco-editor` 两个库：

npm install react-monaco-editor monaco-editor

然后在你的组件中引入 `react-monaco-editor`，并且设置 `options` 属性，其中 `language` 属性设置为你要高亮的代码语言。比如，这里我们设置为 `javascript`。

import React, { Component } from "react";
import MonacoEditor from "react-monaco-editor";

class MyEditor extends Component {
  editorDidMount(editor) {
    console.log("editorDidMount", editor);
    editor.focus();
  }
  render() {
    const code = "// type your code...";
    const options = {
      selectOnLineNumbers: true,
      roundedSelection: false,
      readOnly: false,
      cursorStyle: "line",
      automaticLayout: false,
      language: "javascript"
    };
    return (
      <MonacoEditor
        width="800"
        height="600"
        language="javascript"
        theme="vs-dark"
        value={code}
        options={options}
        onChange={this.onChange}
        editorDidMount={this.editorDidMount}
      />
    );
  }
}

export default MyEditor;

这样，你就可以在 `react-monaco-editor` 中高亮显示代码了。如果你需要高亮其他语言的代码，只需要将 `language` 属性值设置为对应的语言即可。