根据React状态更新CkEditor配置

import React, { useState, useEffect } from 'react';
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

const Editor = () => {
  const [config, setConfig] = useState({
    toolbar: [
      'heading',
      '|',
      'bold',
      'italic',
      'link',
      'bulletedList',
      'numberedList',
      '|',
      'undo',
      'redo'
    ]
  });

  useEffect(() => {
    // 在这里根据组件的状态更新CkEditor的配置
    if (condition) {
      setConfig({
        toolbar: [
          'heading',
          '|',
          'bold',
          'italic',
          'link',
          'bulletedList',
          'numberedList',
          'imageUpload',
          '|',
          'undo',
          'redo'
        ]
      });
    }
  }, [condition]);

  return (
    <CKEditor
      editor={ClassicEditor}
      config={config}
      data="<p>Hello from CKEditor!</p>"
      onChange={(event, editor) => {
        const data = editor.getData();
        console.log(data);
      }}
    />
  );
};

export default Editor;