当我在 ReactComponent 中使用 PESDK 时找不到任何获取 modified/updated 图像的方法

Question

有什么方法可以使用 ReactComponent 获取 updated/modified 图像对象吗？目前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
      }} />)
  }
}

当我在 ReactComponent 中使用 PESDK 时找不到任何获取 modified/updated 图像的方法

can't find any method to get modified/updated image when I use PESDK in ReactComponent

reactjs

photoeditorsdk