reactjs - 当我在 ReactComponent 中使用 PESDK 时，找不到任何方法来获取修改/更新的图像

Question

有什么方法可以使用 ReactComponent 获取更新/修改的图像对象？目前，PESDK React 版本仅支持 UI 自定义。在 PhotoEditor 中编辑图像后，我可以使用 ReactComponent 获取导出的对象，以便将其集成到现有的 React 组件中吗？我在 PESDK 文档中找不到任何解决方案。

如果有人知道解决方案，请告诉我或者PESDK正在进行开发吗？

谢谢

Answer 1

像这样的东西应该工作：

import React from 'react'
import ReactDOM from 'react-dom'

window.React = React
window.ReactDOM = ReactDOM

import PhotoEditorUI from 'photoeditorsdk/desktop-ui'
// import PhotoEditorUI from 'photoeditorsdk/react-ui'

class ApplicationComponent extends React.Component {
  
  // Call this when you want to export the editor image
  export () {
    this.editor.ui.export()
      .then(image => {
        // Image code here
      })
  }
  
  render () {
    const { ReactComponent } = PhotoEditorUI

    return (<ReactComponent
      license='PUT YOUR LICENSE KEY HERE' // e.h. '{"owner":"Imgly Inc.","version":"2.1", ...}'
      ref={c => this.editor = c}
      assets={{
        baseUrl: '/node_modules/photoeditorsdk/assets'
      }}
      editor={{image: this.props.image }}
      style={{
        width: 1024,
        height: 576
      }} />)
  }
}