title: Reactjs Importing from the same directory
body: <p>I'm builing a TODO app with Reactjs, on my <code>components</code> folder I have a class called TaskList with this code to iterate on the tasks: </p>
  
  <pre><code>import React, { Component } from 'react';
  import {connect} from 'react-redux';
  
  class TaskList extends Component {
      render(){
          return(
              &lt;table&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Tasks&lt;/th&gt;
                          &lt;th&gt;Actions&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                      {this.props.tasks.map((task,index) =&gt; &lt;Task key={index} task={task} /&gt;)}
                  &lt;/tbody&gt;
              &lt;/table&gt;
          );
      }
  }
  
  function MapStateToProps(state){
      return{
          tasks:state.tasks
      }
  }
  
  export default connect (MapStateToProps)(TaskList);
  </code></pre>
  
  <p>Also on the components folder I have a class called Task that is used on my TaskList class:</p>
  
  <p>Task:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {connect} from 'react-redux';
  import {bindActionCreators} from 'redux';
  import {DeleteTask} from '../../redux/actions';
  
  class Task extends Component {
      render(){
          return(
              &lt;tr&gt;
                  &lt;td&gt;
                      {this.props.task}
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;button onClick = {() =&gt; this.props.DeleteTask(this.props.id)}&gt;Delete&lt;/button&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
  
          );
      }
  }
  
  function MapDispatchToProps(dispatch){
      return bindActionCreators({DeleteTask},dispatch);
  }
  
  export default connect (() =&gt; {return {};},MapDispatchToProps)(Task);
  </code></pre>
  
  <p>My problem here is that I'm having the error Task is not defined because I'm not importing Task into Tasklist. On TaskList I've already tried:</p>
  
  <pre><code>import Task from './components/task';
  import Task from 'task'; //as it's on the same directory
  import Task from './task';
  </code></pre>
  
  <p>And nothing is working. Any ideas on this?</p>