react-codemirror2如何生成一个实例

`react-codemirror2`是一个用于React的CodeMirror 5集成组件库，它可以帮助你在React应用中轻松地嵌入一个富文本编辑器。以下是创建一个基本`react-codemirror2`实例的基本步骤：

1. 首先，你需要安装`react-codemirror2`依赖。如果你使用npm，可以在项目目录下运行：

   npm install react-codemirror2 codemirror

2. 然后，在你的React组件文件中，导入所需的模块：

   import CodeMirror from 'codemirror';
   import 'codemirror/mode/javascript/javascript';
   import { useEditor } from 'react-codemirror2';

3. 使用`useEditor` Hook创建CodeMirror实例并提供配置选项：

   const initialValue = `// Your initial code here, e.g., JavaScript or any other supported language.`;
   function MyEditor() {
     const editorRef = useEditor({
       value: initialValue,
       mode: 'javascript', // 设置语言模式
       theme: 'abcdef', // 可选的Codemirror主题
       options: { lineNumbers: true }, // 其他配置项
     });
     
     return (
       <CodeMirror ref={editorRef} />
     );
   }

4. 最后，将`MyEditor`组件添加到你的React组件树中：

   export default function App() {
     return (
       <div className="App">
         <MyEditor />
       </div>
     );
   }

这样就创建了一个基本的`react-codemirror2`实例了。你可以根据需要调整配置，如设置焦点、事件监听等。