Question

我想在dropzone中使用clickable选项。我正在使用此link.

上给出的dropzone组件

我正在使用以下配置渲染dropzone。

let djsConfig = {
  addRemoveLinks: true,
  acceptedFiles: 'image/jpeg,image/png,image/gif,application/pdf,application/txt',
  clickable: false,
  autoProcessQueue: false,
};

下面的代码是render方法的return语句，它生成视图。

return(
<div>
<DropzoneComponent
          config={componentConfig}
          eventHandlers={eventHandlers}
          djsConfig={djsConfig}
    />
<DropDownMenu
           value={this.state.value}
           onChange={this.handleChange} 
          >
            <MenuItem value={0} primaryText="Select Document Type" />
            <MenuItem value={1} primaryText="Pan Card" />
            <MenuItem value={2} primaryText="Votar Id" />
            <MenuItem value={3} primaryText="Certificate" />
            <MenuItem value={4} primaryText="Passports" />
          </DropDownMenu>
</div>
);

我想使用noteChange方法，如评论中所述。

handleChange = (event, index, value) => {
/*
 When dropdown value is 0 then it dropzone should not be clickable and 
 and after dropdown have some value > 0, dropzone should be clickable.
*/
this.setState({ value });
};

Answer 1

可以通过编程方式启用和禁用Dropzone组件。

检查Dropzone Methods Documentation的底部，找到有关启用/禁用的部分。

在handleChange功能中，只需根据下拉菜单的新值拨打dropzoneComponent.enable()或dropzoneComponent.disable()即可。

在dropzone中使用可单击的初始配置选项

1 个答案: