title: Unable to import one js file in another file in react
body: <p>Unable to import one js file in another file in react
  this is what i tried:</p>
  <p>(App.js file:)</p>
  <pre class="lang-js prettyprint-override"><code>import React, { Components } from 'react';
  
  import todoinput from './components/todoinput';
  
  import todolist from './components/todolist';
  
  import &quot;bootstrap/dist/css/bootstrap.min.css&quot;;
  
  import uuid from &quot;uuid&quot;;
  
  function App() {
  
      return (
  
      &lt;div&gt;&lt;h1&gt;hello&lt;/h1&gt;&lt;div&gt;
  
          &lt;todoinput /&gt;
  
    );
  
  }
  
  export default App;
  
  </code></pre>
  <p>(todoinput.js file):</p>
  <pre class="lang-js prettyprint-override"><code>
  import React, { Component } from 'react'
  
  export default class todoinput extends Component {
  
      render() {
  
          return (
              
               &lt;div&gt;&lt;h1&gt;from todoinput&lt;/h1&gt;&lt;/div&gt;
          );
      }
  }
  </code></pre>
  <p>when I run this the content from todoinput.js is not displayed please help me.</p>