Javascript 如何使用nodeca/pica在客户端调整图像大小并作出反应？

在使用nodeca/pica库将图像发送到React中的画布之前，我正在尝试调整图像大小：

import pica from 'pica'

let resizedCanvas = <canvas height={500} width={500}/>

  pica().resize(myImage, resizedCanvas, {
  unsharpAmount: 80,
  unsharpRadius: 0.6,
  unsharpThreshold: 2
}).then(result => console.log(`resize done!  ${result}`))
    .catch(err => console.log(err))

---

问题是我不应该使用JSX来构建画布。以下解决方案非常有效：

const resizedCanvas = document.createElement('canvas')
resizedCanvas.height = 500
resizedCanvas.width = 500

const resizedCanvas = document.createElement('canvas')
resizedCanvas.height = 500
resizedCanvas.width = 500