Question

目前使用photoeditorsdk@4.3.1

使用纯JS示例，导出图像可以正常工作。

window.onload = () => {

  const container = document.getElementById('app')

  const editor = new PhotoEditorSDK.UI.ReactUI({
    container,
    license: JSON.stringify(PESDK_LICENSE),
    assets: {
      baseUrl:'/assets'
    },
  })

  window.editor = editor
}

当尝试将photoeditorsdk包装成React Component时，如下所示

class Editor extends Component {
  constructor (props) {
    super(props)
  }
  componentDidMount () {
    const container = this.refs.pesdk
    const editor = new PhotoEditorSDK.UI.ReactUI({
      container,
      license: JSON.stringify(PESDK_LICENSE),
      assets: {
        baseUrl: '/assets'
      },
      title: 'Photo Editor'
    })

    window.editor = editor
  }

  render () {
    return (
      <div ref='pesdk'></div>
    )
  }
}

export default Editor

并使用

导出图像

editor.export(false).then(image => document.body.append(image))

来自window.editor的

将遇到错误

react-dom.development.js:5622 Uncaught TypeError: Cannot read property 'export' of null
    at t.export (react-dom.development.js:5622)
    at <anonymous>:1:14

Answer 1

我无法在这里重现这一点。你能提供更多细节吗？例如，您何时何地致电editor.export。另外，您是否将图像作为选项传递给编辑器？

PhotoEditorSDK未捕获TypeError：无法读取null的属性'export'

1 个答案: