How can I handle file uploads in a React application?

How can I handle file uploads in a React application?

You can handle file uploads in React by using the File API and managing the file state with hooks.

Can you show me a simple example of how to implement this?

Sure! You can create a file input and use the onChange event to capture the file. Here's a basic example:

import React, { useState } from 'react';

const FileUpload = () => {
  const [file, setFile] = useState(null);

  const handleFileChange = (event) => {
    setFile(event.target.files[0]);
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    // Handle file upload logic here
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="file" onChange={handleFileChange} />
      <button type="submit">Upload</button>
    </form>
  );
};

export default FileUpload;

What about handling multiple file uploads?

For multiple file uploads, you can set the multiple attribute on the input and update your state to handle an array of files.