Cropper js反应固定的裁剪尺寸

Question

我使用react-cropper并需要固定的裁剪尺寸。尝试如下：

<Cropper
            ref='cropper'
            src='babyanimal_open.jpg'
            style={{height: 400, width: '100%'}}
            // Cropper.js options
            ready={this._ready.bind(this)}
            cropBoxResizable={false}

            cropBoxData={{ width: 100, height: 50 }}
            guides={false}
            crop={this._crop.bind(this)} />

结果为空屏幕，没有任何错误。

Answer 1

也许您应该尝试这个软件包，它没有依赖关系，并且都适用于Web和移动客户端。

react-avatar-image-cropper：https://www.npmjs.com/package/react-avatar-image-cropper

Answer 2

您需要更正引用，例如下面的地雷代码。

ref={cropper=>this.cropper = cropper}

Answer 3

这个问题的答案是 ref is not a string ，使用

 let cropperRef=React.useRef();
 
 ref={cropperRef}