关闭 PhotoEditorSDK ReactUI 的正确方法是什么？答案

【问题标题】：What is the proper way to close PhotoEditorSDK ReactUI?关闭 PhotoEditorSDK ReactUI 的正确方法是什么？
【发布时间】：2018-10-01 22:57:57
【问题描述】：

根据他们的文档，当 photoeditorsdk 接近时有一个事件。

当用户单击关闭按钮时，编辑器将发出close 事件。

Source

但是，没有关于如何正确关闭编辑器的指示。我试图像这样删除 div 编辑器中的任何项目：

    // Closing
    imageEditor.editor.on('close', (result) => {
        console.log('Closing.....');
        // TODO: This is not working.
        $("#" + imageEditor.editorId).empty();
    });

此解决方案的问题是，如果我再次尝试加载编辑器，则无法正常工作。

关闭 PhotoEditorSDK ReactUI 的正确方法是什么？

【问题讨论】：

不是一个合适的解决方案，但是通过使用 jquery for ex 做了同样的事情。 $('.pesdk-react-topBar__button--withIcon')[0].click() 。此 jquery 代码关闭当前屏幕并打开初始屏幕。就像您单击新图像按钮时一样。注意：我使用的是 V4

标签： javascript photoeditorsdk

【解决方案1】：

您应该执行以下操作：

imageEditor
    .editor // @link https://docs.photoeditorsdk.com/apidocs/html5/v4/PhotoEditorSDK.html
    .on('close', () => imageEditor.editor.dispose());

【讨论】：