title: Exporting function in react js
body: <p>Kindly check the below code. Generally <code>export</code> realates to the component in the module. However, in this program something else seems to be exported: <code>export default screenHoc(\)(Login);</code>.<br>
  Can anyone please explain how this line is working? Can someone give a clear idea of Exports in React</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import {screenHoc} from "ui-hocs";
  import {Div} from "ui-atoms";
  import {RenderScreen} from "ui-molecules";
  
  class Login extends React. Component {
    render()
    {
   
      return (
        &lt;Div&gt;
          &lt;Div style = {{ textAlign:"center", color:"#3f51b5"}}&gt;
            &lt;h2&gt;USER LOGIN FORM&lt;/h2&gt;
          &lt;/Div&gt;
            &lt;RenderScreen
              components={this.props.components}
              uiFramework={this.props.uiFramework}
              onFieldChange={this.props.onFieldChange}
              onComponentClick={this.props.onComponentClick}
            /&gt;
        &lt;/Div&gt;
      )
    }
  }
  
  export default screenHoc({path:"core",screenKey:"login"})(Login);</code></pre>
  </div>
  </div>
  </p>