title: How to export function and import react hooks
body: <p>I know and know how to do it but it causes problems for me
  I just want to import the functions <code>{OnSubmitLog_In and username}</code>  and maybe more how to listing it right is not going to make it a problem</p>
  
  <p>2 js files</p>
  
  <p>the first is imports like this </p>
  
  <pre><code>import * as Login from './log_in';
  import { OnSubmitLog_In, username } from './log_in';
  </code></pre>
  
  <p>In the second file</p>
  
  <pre><code>async function OnSubmitLog_In(e) {
      e.preventDefault();
      var data = { username, password }
      await axios.post("http://localhost:4000/users/signin", data, {
      }).then((response) =&gt; {
          if (localStorage.getItem('token', response.data.accessToken)) {
              alert('user alredy in')
          } else {
              alert('hellow ' + data.username)
              localStorage.setItem('token', response.data.accessToken)
              console.log('response data', response.data)
              console.log('response config', response.config.data)
          }
  
  
      }, (error) =&gt; {
          console.log('error', error)
          if (405) {
              alert('user not found')
          } else if (500) {
              alert('user not found try again')
          }
      });
  }
  export default Log_In;
  </code></pre>
  
  <p>this is the error</p>
  
  <blockquote>
    <p>./src/NAVBAR/nav.js<br>
    Attempted import error: 'OnSubmitLog_In' is not exported from './log_in'.</p>
  </blockquote>