react-codeMirror2@8版本结合react-activation使用

`react-codeMirror2@8版本` 是一个React组件，它允许你在React应用中集成CodeMirror编辑器，这是一个强大的文本编辑器库。结合 `react-activation` 使用，主要是为了实现代码块的自动提示、折叠和更高级的功能。

`react-activation` 是一个轻量级的状态管理库，可以与CodeMirror一起使用，帮助管理编辑器内部的激活状态，比如哪部分代码是活动的，哪些行被选中等。这样可以增强代码编辑体验，提供更好的交互效果。

在实际项目中，你可以按照以下步骤配置：

1. 安装依赖：首先需要安装 `react-codeMirror2` 和 `react-activation`：

   npm install react-code-mirror @codemirror/react @codemirror/activeline @codemirror/linting

2. 导入并使用：在组件中导入所需组件，并创建一个`CodeMirror`实例，同时利用`react-activation`来管理编辑器的活跃区域：

   import React from 'react';
   import { CodeMirror } from 'react-code-mirror';
   import { useActivation } from 'react-activation';

   // ...

   function MyEditor() {
     const [value, setValue] = useState('');
     const activeLine = useActivation();

     return (
       <CodeMirror
         value={value}
         options={{
           lineNumbers: true,
           mode: 'javascript',
           theme: 'default', // 选择主题
         }}
         onInput={(cm) => setValue(cm.getValue())}
         activeLine={activeLine} {/* 使用react-activation提供的activeLine */}
       />
     );
   }

3. 根据需要，你可以结合其他的插件（如`linting`插件进行语法检查），以便于实时反馈和更全面的功能。