react-codeMirror2结合react-activation使用

`react-codeMirror2`是一个用于React应用中的高级文本编辑器组件，它基于`CodeMirror`库，提供了一个丰富的富文本编辑体验。而`react-activations`则是一个轻量级的状态管理库，用于简化React组件的生命周期管理和状态激活。

当你需要在React项目中同时使用这两个库时，可以按照以下步骤操作：

1. 安装依赖：
- 首先安装`react-codeMirror2`：

     npm install react-code-mirror2 codemirror @codemirror/complete

- 然后安装`react-activations`：

     npm install react-activations

2. 引入组件：

   import React from 'react';
   import { CodeEditor } from 'react-code-mirror2';
   import Activation from 'react-activations';

   // ...其他导入

   function MyEditor() {
     const [content, setContent] = React.useState('');

     // 使用Activation包裹CodeEditor以管理其状态
     return (
       <Activation active={true}>
         <CodeEditor
           value={content}
           onChange={(newValue) => setContent(newValue)}
           options={{
             theme: 'default', // 选择CodeMirror的主题
             mode: 'javascript', // 设置语言模式
             lineNumbers: true, // 显示行号
           }}
         />
       </Activation>
     );
   }

3. 管理状态：
`react-activations`可以帮助你在组件加载、更新或卸载时切换`CodeEditor`的状态，如显示/隐藏或启用编辑功能。

4. 根据需要添加`react-activations`的行为管理，比如你可以控制某个事件触发时才允许编辑。