What is Event Handling in React

User actions like uploading files or clicking arrows are handled using event functions. For example, when users upload images, we run this function:

const handleUpload = (e) => {
  const files = Array.from(e.target.files).slice(0, 10);
  const urls = files.map((file) => URL.createObjectURL(file));
  setUploadedImages(urls);
  setCurrentIndex(0);
};

This converts uploaded image files into URLs the browser can display. We also limit uploads to 10 images and reset the carousel to the first image.