title: React js: How to open a local path via HTML button on webpage
body: <p>How do I open a local path on my computer, say <code>/home/mypath/Desktop/Projects/projectFolder1/</code> using an <code>HTML</code> button on my webpage? 
  I am trying to do this because I would like to dump a certain amount of <code>.pdf</code> documents inside the folder.</p>
  
  <p>Below the code that I am using:</p>
  
  <pre><code>import React from 'react';
  import { Card, CardImg, CardText, CardBody, CardTitle, CardSubtitle } from 'reactstrap';
  import '../components/SideBar.css';
  import { Link } from 'react-router-dom';
  
  import example from '../documents/sample.zip';
  import example2 from '../documents/example1.pdf';
  
  
  class AtchafalayaButton extends React.Component {
      render() {
          return &lt;DownloadLink src={example}&gt;Download Project Specs&lt;/DownloadLink&gt;;
      }
  }
  class DownloadLink extends React.Component {
      render() {
          return (
              &lt;form method="get" action={this.props.src}&gt;
                  &lt;button type="submit" class="btn btn-primary mr-3"&gt;
                      {this.props.children}
                  &lt;/button&gt;
              &lt;/form&gt;
          );
      }
  }
  
  
  const Sidebar = () =&gt; (
      &lt;div className="map-sidebar"&gt;
          &lt;Card className="mb-2"&gt;
              &lt;CardImg /&gt;
              &lt;CardBody&gt;
                  &lt;CardTitle&gt;
                      &lt;h3&gt;Title&lt;/h3&gt;
                  &lt;/CardTitle&gt;
                  &lt;CardSubtitle&gt;Title Section&lt;/CardSubtitle&gt;
                  &lt;CardText&gt;
                      &lt;h6&gt;Project Details&lt;/h6&gt;
                  &lt;/CardText&gt;
                  &lt;div class="btn-toolbar"&gt;
                      &lt;AtchafalayaButton /&gt;
                  &lt;/div&gt;
              &lt;/CardBody&gt;
          &lt;/Card&gt;
  </code></pre>
  
  <p>1) I tried the following approach but realized that it was not correct as I am not trying to <code>download</code> </p>
  
  <pre><code>            &lt;a href="path_to_file" download="proposed_file_name"&gt;
  </code></pre>
  
  <p>but I am trying to open <code>/home/mypath/Desktop/Projects/projectFolder1/</code> using an <code>HTML</code> button on my webpage.</p>
  
  <p>2) Therefore I dug more into the problem and found <a href="https://www.geeksforgeeks.org/html-file-paths/" rel="nofollow noreferrer">this source</a> and <a href="https://stackoverflow.com/questions/39045479/open-a-file-via-html-button">this one too</a>. However they don't seem to address properly the problem.</p>
  
  <p>3) I stepped back and tried to look at something less advanced but with more explanation on how to do that and found <a href="https://www.w3schools.com/html/html_links.asp" rel="nofollow noreferrer">this basic example</a> which sort of helps me but than it nevers explains how to open up or set a local folder.</p>
  
  <p>4) After digging more I came across <a href="https://stackoverflow.com/questions/34870711/download-a-file-at-different-location-using-html5">this other source</a> which makes me a bit concerned as in the same source there is a <a href="https://stackoverflow.com/questions/9840923/get-browser-download-path-with-javascript/9840961#9840961">link to this other source</a> which explain that apparently it is not possible. However that link is almost 5 years old and maybe something else that I am not aware of already exists.</p>
  
  <p>Please point to the right direction as I am running out of ideas and options on how to solve this problem.</p>