title: onclick button handling with react and google 3D model viewer
body: <p>i'm new in react, i have a button and i'm using google 3D-model viewer. I want when i click on button then take value of button which is an image and render it to the 3D model, my problem is in the button :</p>
  <pre><code>&lt;Button id=&quot;normals2&quot; value=&quot;/WaterBottle_normal.jpeg&quot; type=&quot;submit&quot; onClick={handleClick}&gt;Generate&lt;/Button&gt;
  </code></pre>
  <p>and im handleClick function i have</p>
  <pre><code>document.querySelector('#normals2').addEventListener(&quot;submit&quot;, (event) =&gt; {
          createAndApplyTexture('baseColorTexture', event);
        });
  </code></pre>