Question

获取＆＃34;无效的dropzone元素＆＃34;。我把

 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文件中，因为它会给我错误＆＃34; require未定义＆＃34;

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

Answer 1

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

你是用webpack构建的javascript吗？或者你原样包括它？

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="oval" android:useLevel="true"> <solid android:color="@color/colorTranslucentBlack"/> </shape> </item> <item android:id="@android:id/progress"> <rotate android:fromDegrees="270" android:pivotX="50%" android:pivotY="50%" android:toDegrees="270"> <shape android:innerRadiusRatio="2.5" android:shape="ring" android:thicknessRatio="25.0" android:useLevel="true"> <gradient android:centerColor="@android:color/holo_red_dark" android:endColor="@android:color/holo_red_dark" android:startColor="@android:color/holo_red_dark" android:type="sweep"/> </shape> </rotate> </item> <item android:id="@android:id/secondaryProgress"> <rotate android:fromDegrees="270" android:pivotX="50%" android:pivotY="50%" android:toDegrees="270"> <shape android:innerRadiusRatio="2.5" android:shape="ring" android:thicknessRatio="25.0" android:useLevel="true"> <gradient android:centerColor="@android:color/holo_red_dark" android:endColor="@android:color/holo_red_dark" android:startColor="@android:color/holo_red_dark" android:type="sweep"/> </shape> </rotate> </item> </layer-list>是由webpack提供的功能。如果使用webpack构建文件，则不会出现错误。

使用ReactJS的无效dropzone元素

1 个答案: