在dropzone中使用可點擊的初始配置選項

Question

我想在dropzone中使用可點擊的選項。我正在使用dropzone組件，如下所示link.

我正在使用以下配置呈現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> 
); 

我想使用handleChange方法，如comment中所述。

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()。