ReactJS的dropzone元素无效

invalid dropzone element with ReactJS

本文关键字：无效 元素 dropzone ReactJS      更新时间：2023-09-26

正在获取"无效的dropzone元素"。我放了

 var Dropzone = require('react-dropzone');

在我的webpack.config.js文件中，我认为它会启用Dropzone元素。

以下是我的javscript文件中的内容，取自Github示例：

var DropzoneFileUploader = React.createClass({
    onDrop: function(files){
        files.forEach((file)=> {
            console.log(file);
        });
    },
    render: function () {
      return (
          <div>
            <Dropzone onDrop={this.onDrop}>
              <div>Try dropping some files here, or click to select files to upload.</div>
            </Dropzone>
          </div>
      );
    }
});
ReactDOM.render(<DropzoneFileUploader />,
                document.getElementById('container'));

错误是当我使用<Dropzone>标记时。我还在html文件中包含了dropzone脚本。我无法将require模块放入javascript文件中，因为它会给我错误"require is not defined"

    <script src="js/dropzone.js"></script>

您应该在javascript文件中导入react dropzone，而不是在webpack配置中。

你的javascript是由webpack构建的吗？还是你把它按原样包括在内？

CCD_ 2是由webpack提供的一个函数。如果您使用webpack构建文件，则不会出现错误。

相关文章：