React Drag Drop Html File Parse Into Json

Question

I am making this post, as so far with my React program, I have used React Drop-Zone to create a drag drop place, but what I am trying to do is when a local html file is button submitted, I want it to go to a specific / then grab the data from the new local / url.

I'm wondering whether this is possible with just React, or will I need to use Express to create a server, so on submit it uploads it to finish the task?

Upload Local Html File > go to specific / > once inside grab data from page.

Is this possible? or is a API needed?

import React from 'react';
import { useDropzone } from 'react-dropzone';

function DropZoneComponent({ open }) {
  const { getRootProps, getInputProps, acceptedFiles } =
    useDropzone({});
    

  const files = acceptedFiles.map((file) => (
    <li key={file.path}>
      {file.path} - {file.size} bytes
    </li>
    
  ));


  return (
    <div className="container">
      <div {...getRootProps({ className: "dropzone" })}>
        <input {...getInputProps()} />
        <p>Drag The Html File Here</p>
      </div>
      <aside>
        <ul>{files}</ul>
      </aside>
    </div>
  );
}

export default DropZoneComponent;