Uploading Multiple Files to AWS S3 using React.js hooks & react-aws-s3

Learn how to upload multiple files to Amazon’s AWS S3 using Modern React. And React Hooks.

Photo by Lachlan Gowen on Unsplash

In my previous article Uploading Files to S3 using react hooks. We only covered the ability to do one file at a time. And I’m confident you could have figured out how to do multiple files. Either way I’m going to show you how to do it.

Index:

• Follow along
• Quick Start ( Scroll to the bottom )

Follow Along

Step 1: Create our react app. (You might have already done this)

• Open up your terminal and make sure you’re inside the project you want to be in.
• Run the following command

npx create-react-app aws-s3-multi-upload

Step 2: Set up file structure.

• Add in src/ add a folder named “components”
• Inside that new components folder lets create a file called “Upload.js”
• Add a “.env” file to your root directory.

File and Folder Structure