File Input

In HTML, an <input type="file"> lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the File API.

In React, an <input type="file"> is always an uncontrolled component because its value can only be set by a user, and not programmatically.

You should use the File API to interact with the files.

The example below I shows how to create a ref to the DOM node to access file(s) in a submit handler:

See the Pen JvqMpG by Bunlong (@Bunlong) on CodePen.