小编Šte*_*dáš的帖子

你能帮我如何通过react-image-crop模块获得输出（裁剪图像的来源）吗？\n上传组件如下所示：

class MyUpload extends Component {\nconstructor() {\n    super();\n    this.state = {\n        src: \'source-to-image\',\n        crop: {\n            x: 10,\n            y: 10,\n            aspect: 9 / 16,\n            width: 100\n        }\n    }\n}\n\nonCropComplete = (crop, pixelCrop) => {\n    this.setState({\n        crop\n    })\n};\n\nrender() {\n    return (\n           <ReactCrop\n                    src={this.state.src}\n                    onComplete={this.onCropComplete}\n                />\n    );\n} }\n

onCropComplete 方法仅返回裁剪图像的坐标、宽度和高度，而不返回源图像。我想要获取 blob 文件。

编辑（工作解决方案——感谢 Mos\xc3\xa8 Raguzzini 的回复）：

如果有人遇到类似问题，请在组件中的教程中调用getCropptedImg函数，并从返回的 Blob 对象创建 url，如下所示：

getCroppedImg(this.state.image, pixelCrop, \'preview.jpg\')\n            .then((res) => {\n                const blobUrl = URL.createObjectURL(res);\n                console.log(blobUrl); // it returns cropped image in …

我在React.js中开发了一个项目，在其中我将react-sortable-hoc插件用于拖动元素。我想拖动带有输入的部分。

拖动之前看起来不错：

如果我拖动元素，它看起来像这样：

因此，拖动时输入，文本区域和所有表单元素中的样式都会丢失。

您能帮我为什么样式丢失以及如何解决吗？

谢谢。