javascript - ReactJS 无效的 dropzone 元素

Question

获取“无效的 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 未定义”

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

Answer 1

您应该将react-dropzone导入到您的javascript文件中，而不是您的webpack配置中。

你的javascript是由webpack构建的吗？或者您按原样包含它？

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