Реагируйте на Dropzone для SharePoint Framework SPFx - PullRequest
Новая
       14

Реагируйте на Dropzone для SharePoint Framework SPFx

0 голосов
/ 29 октября 2018

Может ли кто-нибудь направить меня к рабочему коду, использующему пакет React Dropzone npm, который можно использовать для SharePoint Framework, в котором используется React?

Спасибо.

1 Ответ

0 голосов
/ 17 мая 2019

У меня есть рабочий пример для 1.8.2 

import Dropzone from 'react-dropzone';
import * as React from 'react';
public render(): React.ReactElement<IAccountReaderProps> {
        return <div>
            <Dropzone onDrop={this.onDrop}>
                {({ getRootProps, getInputProps, isDragActive, isDragAccept, isDragReject, acceptedFiles, rejectedFiles }) => {


                    return (
                        <div> 
                             <div {...getRootProps()} className={styles.dragAndDropWrapper}>

                            <input {...getInputProps()} />
                            <div>
                                <h1>Drag and drop file here</h1>
                            </div>
                            {isDragReject && <div>Unsupported file type...</div>}
                        </div>
                        </div>

                    );
                }}
            </Dropzone>
        </div>;
    }


 private onDrop = (acceptedFiles, rejectedFiles) => {



    }
...