title: how to read xml file content from file in react?
body: <p>I'm sure this question has been asked before but i can't find it in Stakoverflow
  i'm doing a simple site where you upload an xml and it parses it to json.
  i'm having a form to upload the xml:</p>
  
  <pre><code>&lt;form onSubmit={this.handleSubmit}&gt;
          &lt;label&gt;
            Upload file:
            &lt;input
              type="file"
              ref={input =&gt; {
                this.App = input;
              }}
            /&gt;
          &lt;/label&gt;
          &lt;br /&gt;
          &lt;button type="submit"&gt;Submit&lt;/button&gt;
        &lt;/form&gt;
  </code></pre>
  
  <p>and my lisenter:</p>
  
  <pre><code> handleSubmit(event) {
  
      //here the file will be opened
      //submit pressed
  
  
      event.preventDefault();
      alert(
        `Selected file - ${this.App.files[0].name}`
  
      );
    }
  </code></pre>
  
  <p>how do i extract the xml content from the file in the event ?
  i want to have a String with the xml content from the file</p>
  
  <p>thnx !!!</p>