Necesito un poco de ayuda con la tarea, ya que estoy usando reaccionar y node.js por primera vez, aquí quiero que el usuario navegue por una ruta, luego complete el formulario y envíelo. Después de enviar el formulario, debe guardarse dentro de una ruta elegida como. Hasta ahora he creado un formulario, pero de todos modos hay que establecer solo una ruta de carpeta para poder guardar los datos en esa ruta

Este es mi código del lado del cliente

 import React from 'react'; import Form from 'react-bootstrap/Form'; import './styles/main.scss'; function DataExtractor() { const updateList= function(){ var input = document.getElementById('selectFile'); var output = document.getElementById('fileList'); output.innerHTML = '<span>' for(var i = 0; i<input.files.length;++i){ output.innerHTML += '<span>' + input.files.item(i).name + '</span>'; } output.innerHTML += '</span>'; } return ( <> <div id="container"> <div className='contact-info'> </div> <form> <h1> Tread Data Extractor </h1> <div className='col'> <div className='form-group'> <tr> <label>Set Output Path:</label></tr> <tr><div id='fileList'><input type="text" placeholder='Set Output Path'/></div> </tr> <tr> <label>Select Data Source:</label></tr> <tr> <Form.Select className='SelectOption' size="lg"> <option>Select Data Source</option> <option>Source 2</option> <option>Source 3</option> </Form.Select></tr> <tr> <label>Enter Company Name(Optional):</label></tr> <tr> <input type="text" placeholder='Enter Company Name'/></tr> <tr> <label>Enter HS Code(Optional):</label></tr> <tr> <input type="text" placeholder='Enter Company Name'/></tr> </div> <div> <div> <input type="file" style={{color:"transparent"}} onChange={updateList} id="selectFile" /> </div> </div> </div> <button className='btn-2' type='submit'>Submit</button> </form> </div> </> ); export default DataExtractor;

También tengo un server.js en main