title: how to execute a .js file containing multiple functions, via react jsx
body: <p>i have a pre-existing .js file which contains multiple functions ( they call each other within the file) and event listeners.</p>
  <p>How do i execute this .js file after elements have been rendered in the .jsx ?</p>
  <p>I have tried  adding export statement to the bottom of the .js file</p>
  <pre><code>export const A = functionOne();
  export const B = functionTwo();
  </code></pre>
  <p>and adding import</p>
  <pre><code>import {A} from './index'
  </code></pre>
  <p>in the .jsx file</p>
  <p>but it still gives react error that functions are not defined.</p>
  <p>I know the file with the functions works perfectly because previously it was being used in a basic html / .js combination to render the page elements.By using    at the bottom of the html</p>