Javascript 如何包括；redux文件上传"；在我的React应用程序中

我发现这个redux文件上传名为upload.js

import { FileUpload } from 'redux-file-upload'

<FileUpload

allowedFileTypes={['jpg', 'pdf']}
  data={{ type: 'picture' }}
  dropzoneId="fileUpload"
  url="./uploads/"
>
  <button>
    Click or drag here
  </button>
</FileUpload>

从'redux file upload'导入{FileUpload}
单击或拖动此处

我想在React中使用它。此文件名为Tab5.js：

import React from 'react';
import './../css/bootstrap.css';
import './../css/styles.css';
import Modale from './modalProces';


class Tab5 extends React.Component {
    render () {
        return (
            <div>
                <FileUpload />
            </div>
        );
    }
}
 export default Tab5;

从“React”导入React；
导入'/../css/bootstrap.css'；
导入“/../css/styles.css”；
从“/modalProces”导入Modale；
类Tab5扩展了React.Component{
渲染（）{
返回(
);
}
}
导出默认Tab5；

但每当我运行它时，Tab5都不会出现

我已安装：
-npm安装--保存redux
-npm安装--保存react redux
-npm安装--保存开发人员redux开发工具
-npm安装--保存redux文件上载

我漏了什么进口货吗？我整件事都做错了吗？
我不习惯在React中编码，但我不得不做这部分。

---

我只需要上传文件就可以了，它会将一个文件上传到uploads文件夹中

请帮帮我。

根据我对您问题的理解，您要么以upload.js文件为例，试图在Tab5.js中实现文件上传，要么想在Tab5.js中使用upload.js作为组件。我将尝试解决这两个问题。 可以找到

redux文件上载
库的文档

如果您使用upload.js作为组件
您已经在upload.js中设置了文件上载组件，但是文件没有导出任何内容，您还缺少整个类声明和
render（）
函数，如下所示：

import React from 'react'
import { FileUpload } from 'redux-file-upload'
//any other imports you need

export class Upload extends React.Component {

    render() {
        return(
            <FileUpload
                allowedFileTypes={['jpg', 'pdf']}
                data={{ type: 'picture' }}
                dropzoneId="fileUpload"
                url="./uploads/"
                >
                <button>
                    Click or drag here
                </button>
            </FileUpload>
        )
    }
}

从我对您问题的理解来看，您要么以upload.js文件为例，试图在Tab5.js中实现文件上传，要么想在Tab5.js中使用upload.js作为组件。我将尝试解决这两个问题。
可以找到
redux文件上载
库的文档

如果您使用upload.js作为组件
您已经在upload.js中设置了文件上载组件，但是文件没有导出任何内容，您还缺少整个类声明和
render（）
函数，如下所示：

import React from 'react'
import { FileUpload } from 'redux-file-upload'
//any other imports you need

export class Upload extends React.Component {

    render() {
        return(
            <FileUpload
                allowedFileTypes={['jpg', 'pdf']}
                data={{ type: 'picture' }}
                dropzoneId="fileUpload"
                url="./uploads/"
                >
                <button>
                    Click or drag here
                </button>
            </FileUpload>
        )
    }
}

import React from 'react';
import { FileUpload } from 'redux-file-upload'; //add in the redux-file-upload import
import './../css/bootstrap.css';
import './../css/styles.css';
import Modale from './modalProces';


class Tab5 extends React.Component {
    render () {
        return (
            <div>
                <FileUpload 
                    dropzoneId="fileUpload"
                    url="./uploads/"
                >
                    <button>
                        Click or drag here
                    </button>
                </FileUpload>
            </div>
        );
    }
}
export default Tab5;