React FilePond
React FilePond is a handy wrapper component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
Installation:
npm install react-filepond --save
Usage:
// Import FilePondimport FilePond File registerPlugin from 'react-filepond'; // Register the image preview pluginimport FilePondImagePreview from 'filepond-plugin-image-preview';import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';; // Our app { ; thisstate = files: 'index.html' ; } { return <div ="App"> // Pass FilePond properties as attributes <FilePond = = ='/api'> // Set current files using the <File/> component thisstatefiles </FilePond> </div> ; }