ボタンを追加Dropzone

Question

私は2つのコンポーネントのリストとフォームを持っています。私はDropzoneを使用しています。 クリックを無効にしました。ドラッグ＆ドロップが可能です。 しかし、フォームコンポーネントでは、ブラウジングにdcumentを追加できるボタンを追加したいと思います。私は、ドキュメントを追加するには、ボタンの上にドロップゾーンを呼び出す方法がわからない

<RaisedButton label="Add" primary={true} onClick={this.browseDz}/> 

browseDz =() => { 

} 

：フォームコンポーネントで

、私は私が私のボタンを追加しました

<UploadZone onupload={this.props.onCreateDocument} onsuccessupload={this.uploadedfile} lastfileupload={this.props.lastuploadfile} /> 

私のコンポーネントドロップゾーンを呼び出します あなたのお返事ありがとう

Answer 1

この部分にはDropzoneを使用しません。自分で実装します。あなたはこのボタンを<label htmlFor={id}>に入れ、同じIDでファイルを入力するトリックを使うことができます。ファイルを受け取るには2通りの方法があります。そのため、ユーザーからの最新の選択を1つの状態キーに保存してください。