将 Fineuploader 与 react-rails 一起使用

Question

我正在尝试将 Fineuploader 与 react 一起使用，并已安装所有相关依赖项。 以下是我使用的代码：-

import React, { Component } from 'react'

import FineUploaderTraditional from 'fine-uploader-wrappers'
import Gallery from 'react-fine-uploader'

import 'react-fine-uploader/gallery/gallery.css'

const uploader = new FineUploaderTraditional({
    options: {
        chunking: {
            enabled: true
        },
        deleteFile: {
            enabled: true,
            endpoint: '/uploads'
        },
        request: {
            endpoint: '/uploads'
        },
        retry: {
            enableAuto: true
        }
    }
})

class UploadComponent extends Component {
    render() {
        return (
            <Gallery uploader={uploader} />
        )
    }
}

export default UploadComponent

但我收到以下错误：-

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of `Gallery`.
at invariant (invariant.js?7313:44)
at instantiateReactComponent (instantiateReactComponent.js?e676:74)
at instantiateChild (ReactChildReconciler.js?c86a:44)
at eval (ReactChildReconciler.js?c86a:71)
at traverseAllChildrenImpl (traverseAllChildren.js?5edf:77)
at traverseAllChildrenImpl (traverseAllChildren.js?5edf:93)
at traverseAllChildrenImpl (traverseAllChildren.js?5edf:93)
at traverseAllChildren (traverseAllChildren.js?5edf:172)
at Object.instantiateChildren (ReactChildReconciler.js?c86a:70)
at ReactDOMComponent._reconcilerInstantiateChildren (ReactMultiChild.js?e1f8:185)

警告：React.createElement：类型无效——需要一个字符串 （对于内置组件）或类/函数（对于复合 组件）但得到：未定义。您可能忘记导出您的 组件从它定义的文件中。检查渲染方法 `图库`。
在图库中（由 UploadComponent 创建）
在上传组件中

我一直在关注 react Fineuploader 文档，并且尝试了一些不同的方法，但似乎没有任何效果。

Answer 1

问题是一些未满足的依赖关系，在我的情况下是：

react-transition-group@1.x

我有

react-transition-group@2.x

删除 2.x 并安装 1.2.1 解决了该问题。

密切关注您尝试配置的任何软件包的安装依赖关系。

感谢 react-fine-upload 所有者 rnicholus 的帮助。

Answer 2

我认为你必须从模块中导入Gallery 组件。

import Gallery from 'react-fine-uploader'

更新：
也可以尝试将Gallery 包裹在一个 div 中

class UploadComponent extends Component {
    render() {
        return (
          <div>
            <Gallery uploader={uploader} />
          </div>
        )
    }
}